Merge pull request #3704 from Automattic/style/avoid-1px-jank-on-hover

style(tabbed-nav): avoid 1px jank on link hover
Automattic · Jan 29, 2025 · b4b317c · b4b317c
2 parents 122cecc + b551b91
commit b4b317c
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/src/components/src/tabbed-navigation/style.scss b/src/components/src/tabbed-navigation/style.scss
@@ -39,6 +39,7 @@
 			display: flex;
 			font-weight: bold;
 			height: 48px;
+			outline: none;
 			padding: 12px 15px;
 			text-decoration: none;
 
@@ -51,15 +52,10 @@
 			&:focus,
 			&:hover {
 				color: var(--wp-admin-theme-color);
-				outline: none;
-			}
-
-			&:focus {
-				box-shadow: none;
 			}
 
 			&:focus-visible {
-				outline: 2px solid;
+				outline: 2px solid var(--wp-admin-theme-color);
 				outline-offset: -2px;
 			}