Hide highlight border on focus

canonical · Mar 16, 2020 · ecdff2b · ecdff2b
1 parent 0adf02a
commit ecdff2b
Showing 1 changed file with 6 additions and 0 deletions.
diff --git a/scss/_patterns_side-navigation.scss b/scss/_patterns_side-navigation.scss
@@ -41,6 +41,12 @@
   .p-side-navigation__link {
     @include vf-focus;
 
+    // vf-highlight-bar is rendered above focus outline
+    // so we need to hide it on focus
+    &:focus::before {
+      display: none;
+    }
+
     &:hover {
       text-decoration: none;
     }