diff --git a/app/frontend/styles/_accessible-autocomplete.scss b/app/frontend/styles/_accessible-autocomplete.scss
index 3ffd9adaf..1b05d2fe6 100644
--- a/app/frontend/styles/_accessible-autocomplete.scss
+++ b/app/frontend/styles/_accessible-autocomplete.scss
@@ -18,3 +18,8 @@
   pointer-events: none;
   z-index: 0;
 }
+
+.autocomplete__narrow {
+  max-width: 220px;
+  min-width: 220px;
+}
diff --git a/app/views/filters/_select_filter.html.erb b/app/views/filters/_select_filter.html.erb
index e2c71988e..d7b243769 100644
--- a/app/views/filters/_select_filter.html.erb
+++ b/app/views/filters/_select_filter.html.erb
@@ -4,4 +4,5 @@
     :name,
     label: { hidden: secondary },
     options: { disabled: [""], selected: selected_option(category) },
+    form_group: { classes: %w[autocomplete__narrow] },
     "data-controller": "accessible-autocomplete" %>