diff --git a/app/javascript/components/index-filters/components/filter-types/select-filter/component.jsx b/app/javascript/components/index-filters/components/filter-types/select-filter/component.jsx
index 9e713424a7..c4ff812cc4 100644
--- a/app/javascript/components/index-filters/components/filter-types/select-filter/component.jsx
+++ b/app/javascript/components/index-filters/components/filter-types/select-filter/component.jsx
@@ -166,7 +166,7 @@ function Component({ filter, mode, moreSectionFilters = {}, multiple = true, res
   return (
     <Panel filter={filter} getValues={getValues} handleReset={handleReset}>
       <Autocomplete
-        classes={{ root: css.select, ...listboxClasses }}
+        classes={{ paper: css.paper, root: css.select, ...listboxClasses }}
         ListboxComponent={virtualize(filterOptions.length)}
         disableListWrap
         multiple={multiple}
diff --git a/app/javascript/components/index-filters/components/filter-types/styles.css b/app/javascript/components/index-filters/components/filter-types/styles.css
index abd894c521..bbf5f3f8cc 100644
--- a/app/javascript/components/index-filters/components/filter-types/styles.css
+++ b/app/javascript/components/index-filters/components/filter-types/styles.css
@@ -39,6 +39,13 @@
   width: 100%;
 }
 
+.paper {
+  & ul {
+    width: fit-content;
+    overflow: auto;
+  }
+}
+
 .dateContainer {
   width: 100%
 }