From ae3efaf8aee2727cf6d7fc8351609666d0ac18e2 Mon Sep 17 00:00:00 2001
From: Burton Smith <burtonsmith@microsoft.com>
Date: Fri, 29 Jul 2022 11:03:49 -0400
Subject: [PATCH] fix focus styles

---
 src/components/radio/radio.styles.ts | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/radio/radio.styles.ts b/src/components/radio/radio.styles.ts
index 0eec453c..22c8281f 100644
--- a/src/components/radio/radio.styles.ts
+++ b/src/components/radio/radio.styles.ts
@@ -8,6 +8,10 @@ export default css`
     display: inline-block;
   }
 
+  :host(:focus-visible) {
+    outline: 0px;
+  }
+
   .radio {
     display: inline-flex;
     align-items: top;
@@ -80,7 +84,7 @@ export default css`
   }
 
   /* Checked + focus */
-  .radio.radio--checked:not(.radio--disabled) .radio__input:focus-visible ~ .radio__control {
+  .radio.radio--focused .radio__control {
     outline: var(--sl-focus-ring);
     outline-offset: var(--sl-focus-ring-offset);
   }