diff --git a/lib/components/navigation/navigation.less b/lib/components/navigation/navigation.less
index 7f9de57c8e..b1f3cfb487 100644
--- a/lib/components/navigation/navigation.less
+++ b/lib/components/navigation/navigation.less
@@ -91,7 +91,10 @@
             color: var(--_na-item-fc-hover);
         }
 
-        @focus-styles();
+        &:focus-visible {
+            box-shadow: inset 0 0 0 var(--su-static2) var(--theme-secondary-400), inset 0 0 0 var(--su-static4) var(--white);
+           outline: var(--su-static2) solid transparent;
+        }
 
         background-color: var(--_na-item-bg);
         color: var(--_na-item-fc);