diff --git a/packages/components/src/item-group/styles.ts b/packages/components/src/item-group/styles.ts index a2d73c8dcfc592..b76d9041bec4e1 100644 --- a/packages/components/src/item-group/styles.ts +++ b/packages/components/src/item-group/styles.ts @@ -28,17 +28,11 @@ export const unstyledButton = ( as: 'a' | 'button' ) => { color: ${ COLORS.theme.accent }; } - &:focus { - box-shadow: none; - outline: none; - } - - &:focus-visible { + &:focus:not( :disabled ) { box-shadow: 0 0 0 var( --wp-admin-border-width-focus ) ${ COLORS.theme.accent }; - // Windows high contrast mode. - outline: 2px solid transparent; - outline-offset: 0; + // Windows High Contrast mode will show this outline, but not the box-shadow. + outline: 3px solid transparent; } `; };