Navigation Component: Make sure the button takes up the whole row (#2…

…8230) Fix odd focus outline of Navigation component button.
WordPress · Jan 15, 2021 · 9b323e8 · 9b323e8
1 parent c386782
commit 9b323e8
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/packages/components/src/navigation/styles/navigation-styles.js b/packages/components/src/navigation/styles/navigation-styles.js
@@ -159,6 +159,8 @@ export const ItemBaseUI = styled.li`
 
 	button,
 	a {
+		width: 100%;
+
 		&:hover,
 		&:focus:not( [aria-disabled='true'] ):active,
 		&:active:not( [aria-disabled='true'] ):active {