From a009e840d96bd5165302804c541408a6ba6f1e13 Mon Sep 17 00:00:00 2001
From: Josh Wooding <12938082+joshwooding@users.noreply.github.com>
Date: Mon, 28 Oct 2024 11:02:39 +0000
Subject: [PATCH] Fix focus rings not appearing on checkboxes and radio
 buttons.

---
 .changeset/olive-ears-add.md                   | 5 +++++
 packages/core/src/checkbox/Checkbox.css        | 1 +
 packages/core/src/radio-button/RadioButton.css | 1 +
 3 files changed, 7 insertions(+)
 create mode 100644 .changeset/olive-ears-add.md

diff --git a/.changeset/olive-ears-add.md b/.changeset/olive-ears-add.md
new file mode 100644
index 00000000000..1277fca6e9b
--- /dev/null
+++ b/.changeset/olive-ears-add.md
@@ -0,0 +1,5 @@
+---
+"@salt-ds/core": patch
+---
+
+Fixed focus rings not appearing on Checkbox or Radio Button.
diff --git a/packages/core/src/checkbox/Checkbox.css b/packages/core/src/checkbox/Checkbox.css
index 5370d2db35c..15ec04e9549 100644
--- a/packages/core/src/checkbox/Checkbox.css
+++ b/packages/core/src/checkbox/Checkbox.css
@@ -35,6 +35,7 @@
   outline: var(--saltCheckbox-outline, var(--salt-focused-outline));
   border-color: var(--salt-selectable-borderColor-hover);
   color: var(--salt-selectable-foreground-hover);
+  clip-path: unset;
 }
 
 .saltCheckbox-input:focus-visible + .saltCheckboxIcon-checked {
diff --git a/packages/core/src/radio-button/RadioButton.css b/packages/core/src/radio-button/RadioButton.css
index 07ba714c438..32d131df8e2 100644
--- a/packages/core/src/radio-button/RadioButton.css
+++ b/packages/core/src/radio-button/RadioButton.css
@@ -48,6 +48,7 @@
   outline-offset: var(--salt-focused-outlineOffset);
   border-color: var(--salt-selectable-borderColor-hover);
   color: var(--salt-selectable-foreground-hover);
+  clip-path: unset;
 }
 
 .saltRadioButton-input:focus-visible + .saltRadioButtonIcon-checked {