1 files changed, 30 insertions, 2 deletions
diff --git a/app/assets/stylesheets/page_bundles/search.scss b/app/assets/stylesheets/page_bundles/search.scss
index 10da541ed8d..cde570cfb0f 100644
--- a/app/assets/stylesheets/page_bundles/search.scss
+++ b/app/assets/stylesheets/page_bundles/search.scss
@@ -5,6 +5,7 @@ $search-avatar-size: 16px;
 $search-sidebar-min-width: 240px;
 $search-sidebar-max-width: 300px;
 $search-keyboard-shortcut: '/';
+$language-filter-max-height: 20rem;
 
 $border-radius-medium: 3px;
 
@@ -25,6 +26,26 @@ $border-radius-medium: 3px;
     min-width: $search-sidebar-min-width;
     max-width: $search-sidebar-max-width;
   }
+
+  .language-filter-checkbox {
+    .custom-control-label {
+      flex-grow: 1;
+    }
+  }
+
+  .language-filter-max-height {
+    max-height: $language-filter-max-height;
+  }
+}
+
+.search-max-w-inherit {
+  max-width: inherit;
+}
+
+.search-wrap-f-md-down {
+  @include gl-media-breakpoint-down(md) {
+    white-space: normal !important;
+  }
 }
 
 .search {
@@ -324,13 +345,20 @@ $border-radius-medium: 3px;
   }
 }
 
-// Disable Webkit's search input styles
+/**
+ * When form input type is search, browsers add a clear input button inside
+ * the input field. This overlaps with the input field we have already added.
+ */
+
+/* stylelint-disable property-no-vendor-prefix */
 input[type='search'] {
-  /* stylelint-disable-next-line property-no-vendor-prefix */
   -webkit-appearance: textfield;
+  -moz-appearance: textfield;
+  appearance: textfield;
 
   &::-webkit-search-cancel-button,
   &::-webkit-search-results-button {
     @include gl-display-none;
   }
 }
+/* stylelint-enable property-no-vendor-prefix */