Style hint dropdown

app/assets/javascripts/filtered_search/dropdown_hint.js.es6

@@ -32,8 +32,8 @@
     }
 
     itemClicked(e) {
-      const token = e.detail.selected.querySelector('.js-filter-hint').innerText.trim();
-      const tag = e.detail.selected.querySelector('.js-filter-tag').innerText.trim();
+      const token = e.detail.selected.querySelector('.dropdown-filter-hint').innerText.trim();
+      const tag = e.detail.selected.querySelector('.dropdown-filter-tag').innerText.trim();
 
       if (tag.length) {
         gl.FilteredSearchManager.addWordToInput(this.getSelectedText(token));

app/assets/stylesheets/framework/filters.scss

@@ -68,3 +68,25 @@
     }
   }
 }
+
+.dropdown-menu .filter-dropdown {
+  padding: 0;
+}
+
+.filter-dropdown {
+  .btn {
+    border: none;
+    width: 100%;
+    text-align: left;
+    padding: 8px 16px;
+
+    &:hover {
+      text-decoration: none;
+    }
+  }
+
+  .dropdown-filter-tag {
+    font-size: 14px;
+    font-weight: 400;
+  }
+}

app/views/shared/issuable/_search_bar.html.haml

@@ -17,12 +17,12 @@
           %button.clear-search.hidden{ type: 'button' }
             = icon('times')
           %ul#js-dropdown-hint.dropdown-menu{ 'data-dynamic' => true }
-            %li
+            %li.filter-dropdown
               %button.btn.btn-link
                 %i.fa{ 'class': '{{icon}}'}
-                %span.js-filter-hint
+                %span.dropdown-filter-hint
                   {{hint}}
-                %span.js-filter-tag
+                %span.dropdown-filter-tag
                   {{tag}}
           #js-dropdown-author.dropdown-menu{ 'data-dropdown' => true }
             %ul{ 'data-dynamic' => true }