diff --git a/app/assets/stylesheets/components/autocomplete.scss b/app/assets/stylesheets/components/autocomplete.scss
index 697c83858..c67b43a8a 100644
--- a/app/assets/stylesheets/components/autocomplete.scss
+++ b/app/assets/stylesheets/components/autocomplete.scss
@@ -8,11 +8,13 @@
   }
 
   &__popover {
-    max-width: 300px;
     padding: var(--su-1);
     z-index: var(--z-elevate);
 
     &[data-reach-popover] {
+      // Reach UI adds a width directly to this element as an inline style. !important is needed to make sure the size is constrained.
+      width: 250px !important;
+
       @include generate-box(
         $level: 1,
         $bg: var(--card-bg),