Merge pull request #392 from bcgov/391-button---focus-state

Update button focus state to new design
bcgov · Jul 17, 2024 · a3ff5a6 · a3ff5a6
2 parents 9d9c9a9 + 498ae8a
commit a3ff5a6
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/packages/react-components/src/components/Button/Button.css b/packages/react-components/src/components/Button/Button.css
@@ -13,7 +13,9 @@
   cursor: not-allowed;
 }
 .bcds-react-aria-Button[data-focused] {
-  outline: 2px solid var(--surface-color-border-active);
+  outline: solid var(--layout-border-width-medium)
+    var(--surface-color-border-active);
+  outline-offset: var(--layout-margin-hair);
 }
 
 /* Icon button */