React tab focus bug fix (#4538)

2022-03-10 16:16:07 -06:00
parent 2ee98e1fa1
commit 5e3bcc4a61
2 changed files with 6 additions and 0 deletions
@@ -0,0 +1 @@
+* Bug fix: React tab on-focus styling 
@@ -20,6 +20,11 @@
      &:focus {
        box-shadow: none;
        outline: 0;
+
+        &:after {
+          left: 0;
+          bottom: 0;
+        }
      }
      // Bolding text when the button is active causes a layout shift
      // so we add a hidden pseudo element with the same text string