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); }