diff --git a/packages/ui/src/components/textbox/textbox-autocomplete/textbox-autocomplete.tsx b/packages/ui/src/components/textbox/textbox-autocomplete/textbox-autocomplete.tsx
index f3c1f7a9..4f643945 100644
--- a/packages/ui/src/components/textbox/textbox-autocomplete/textbox-autocomplete.tsx
+++ b/packages/ui/src/components/textbox/textbox-autocomplete/textbox-autocomplete.tsx
@@ -364,7 +364,7 @@ export function TextboxAutocomplete<Name extends string>({
           class={createClassName([
             menuStyles.menu,
             disabled === true || isMenuVisible === false
-              ? menuStyles.hidden
+              ? menuStyles.displayNone
               : null,
             top === true
               ? textboxAutocompleteStyles.top
diff --git a/packages/ui/src/css/menu.module.css b/packages/ui/src/css/menu.module.css
index a65aa21a..63286db2 100644
--- a/packages/ui/src/css/menu.module.css
+++ b/packages/ui/src/css/menu.module.css
@@ -19,6 +19,10 @@
   visibility: hidden;
 }
 
+.displayNone {
+  display: none;
+}
+
 @media screen and (-webkit-min-device-pixel-ratio: 1.5),
   screen and (min-resolution: 1.5dppx) {
   .menu {