[Button] Disable focus-ring styles

Shopify · Jan 24, 2024 · 0823024 · 0823024
1 parent 40e92f7
commit 0823024
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/polaris-react/src/components/Button/Button.module.scss b/polaris-react/src/components/Button/Button.module.scss
@@ -97,6 +97,11 @@
   color: var(--pc-button-color_hover);
   outline: var(--p-border-width-050) solid var(--p-color-border-focus);
   outline-offset: var(--p-space-025);
+
+  // Disable focus-ring mixin to prevent overlap of focus-ring and outline
+  &::after {
+    content: none;
+  }
 }
 
 .Button:disabled,