diff --git a/scss/_nav.scss b/scss/_nav.scss
index 3a27ee79256a..5eb77b6348ee 100644
--- a/scss/_nav.scss
+++ b/scss/_nav.scss
@@ -38,7 +38,7 @@
     text-decoration: if($link-hover-decoration == underline, none, null);
   }
 
-  &:focus {
+  &:focus-visible {
     outline: 0;
     box-shadow: $nav-link-focus-box-shadow;
   }