diff --git a/lib/ui/src/modules/ui/components/search_box.js b/lib/ui/src/modules/ui/components/search_box.js
index 8ccbce2df892..59fb9f20e20f 100644
--- a/lib/ui/src/modules/ui/components/search_box.js
+++ b/lib/ui/src/modules/ui/components/search_box.js
@@ -52,11 +52,11 @@ const suggestionTemplate = (props, state, styles) =>
   state.results.map((val, i) => {
     const style = state.selectedIndex === i ? styles.selectedResultStyle : styles.resultsStyle;
     return (
-      <div key={val.value} style={style}>
-        {val.value}
-        <span style={{ float: 'right', opacity: 0.5 }}>
+      <div key={val.value} style={{ ...style, display: 'flex', justifyContent: 'space-between' }}>
+        <p style={{ margin: 0 }}>{val.value}</p>
+        <p style={{ opacity: 0.5, margin: 0, paddingLeft: 10, textAlign: 'right' }}>
           {val.type === 'story' ? `in ${val.kind}` : 'Kind'}
-        </span>
+        </p>
       </div>
     );
   });