diff --git a/libs/components/src/menu/menu-item.directive.ts b/libs/components/src/menu/menu-item.directive.ts
index 2a50dd366f..77246bbcdf 100644
--- a/libs/components/src/menu/menu-item.directive.ts
+++ b/libs/components/src/menu/menu-item.directive.ts
@@ -16,12 +16,12 @@ export class MenuItemDirective implements FocusableOption {
     "tw-bg-background",
     "tw-text-left",
     "hover:tw-bg-secondary-100",
-    "focus:tw-bg-secondary-100",
-    "focus:tw-z-50",
-    "focus:tw-outline-none",
-    "focus:tw-ring",
-    "focus:tw-ring-offset-2",
-    "focus:tw-ring-primary-700",
+    "focus-visible:tw-bg-secondary-100",
+    "focus-visible:tw-z-50",
+    "focus-visible:tw-outline-none",
+    "focus-visible:tw-ring",
+    "focus-visible:tw-ring-offset-2",
+    "focus-visible:tw-ring-primary-700",
     "active:!tw-ring-0",
     "active:!tw-ring-offset-0",
   ];