Fix recent searches icon alignment in Safari

Fix https://gitlab.com/gitlab-org/gitlab-ce/issues/30642

app/assets/stylesheets/framework/filters.scss

@@ -246,9 +246,15 @@
   }
 }
-.filtered-search-history-dropdown-toggle-button {
+.filtered-search-history-dropdown-wrapper {
+  position: initial;
+  flex-shrink: 0;
   display: flex;
-  align-items: center;
+  flex-direction: column;
+}
+
+.filtered-search-history-dropdown-toggle-button {
+  flex: 1;
   width: auto;
   height: 100%;
   padding-top: 0;
@@ -264,6 +270,7 @@
   border-right: 1px solid $border-color;
   color: $gl-text-color-secondary;
+  line-height: 1;
   transition: color 0.1s linear;
@@ -275,9 +282,12 @@
   }
   .dropdown-toggle-text {
+    display: inline-block;
+    vertical-align: middle;
     color: inherit;
     .fa {
+      vertical-align: middle;
       color: inherit;
     }
   }
@@ -288,11 +298,6 @@
 }
-.filtered-search-history-dropdown-wrapper {
-  position: initial;
-  flex-shrink: 0;
-}
-
 .filtered-search-history-dropdown {
   width: 40%;