Fixes alignment issues with the filter bar

app/assets/stylesheets/framework/dropdowns.scss

@@ -135,11 +135,12 @@
 
 .dropdown-menu-toggle {
   @extend .dropdown-toggle;
+  justify-content: flex-start;
+  overflow: hidden;
   padding-right: 25px;
   position: relative;
-  width: 160px;
   text-overflow: ellipsis;
-  overflow: hidden;
+  width: 160px;
 
   .fa {
     position: absolute;
@@ -379,9 +380,10 @@
       > button,
       > .gl-button {
         display: flex;
+        justify-content: flex-start;
         margin: 0;
-        text-overflow: inherit;
         text-align: left;
+        text-overflow: inherit;
 
         &.btn .fa:not(:last-child) {
           margin-left: 5px;

app/assets/stylesheets/framework/filters.scss

@@ -290,14 +290,14 @@
   flex-direction: column;
 }
 
-.filtered-search-history-dropdown-toggle-button {
-  flex: 1;
-  width: auto;
+.filtered-search-history-dropdown-toggle-button.gl-button {
   border-radius: $border-radius-default 0 0 $border-radius-default;
-  border: 0;
   border-right: 1px solid $border-color;
+  box-shadow: none;
   color: $gl-text-color-secondary;
+  flex: 1;
   transition: color 0.1s linear;
+  width: auto;
 
   &:hover,
   &:focus {
@@ -338,12 +338,6 @@
   }
 }
 
-.filter-dropdown-container {
-  .dropdown-toggle {
-    line-height: 22px;
-  }
-}
-
 @include media-breakpoint-down(sm) {
   .issues-details-filters,
   .epics-details-filters {