correct focus vis box shadow

microsoft · Feb 5, 2021 · 81b40a8 · 81b40a8
1 parent be06520
commit 81b40a8
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/packages/web-components/src/styles/patterns/button.ts b/packages/web-components/src/styles/patterns/button.ts
@@ -195,7 +195,7 @@ export const AccentButtonStyles = css`
     }
 
     :host(.accent) .control:${focusVisible} {
-        box-shadow: 0 0 0 calc(var(--focus-outline-width) * 1px) inset ${neutralFocusInnerAccentBehavior.var};
+        box-shadow: 0 0 0 calc(var(--focus-outline-width) * 1px) inset ${neutralFocusInnerAccentBehavior.var}, 0 0 0 calc((var(--focus-outline-width) - var(--outline-width)) * 1px) ${neutralFocusBehavior.var}
     }
 
     :host(.accent.disabled) {