diff --git a/packages/ffe-form/less/radio-block.less b/packages/ffe-form/less/radio-block.less index 9146f1a7a6..e23cabb696 100644 --- a/packages/ffe-form/less/radio-block.less +++ b/packages/ffe-form/less/radio-block.less @@ -105,7 +105,7 @@ border: 5px solid var(--ffe-v-input-bg-color); } - &:focus + .ffe-radio-block__content { + &:focus-visible + .ffe-radio-block__content { box-shadow: 0 0 0 3px var(--ffe-v-input-bg-color), 0 0 0 5px var(--ffe-v-checkbox-focus-outline-color); } diff --git a/packages/ffe-form/less/radio-switch.less b/packages/ffe-form/less/radio-switch.less index 36a4c7dd95..238324d839 100644 --- a/packages/ffe-form/less/radio-switch.less +++ b/packages/ffe-form/less/radio-switch.less @@ -68,7 +68,7 @@ border-color: var(--ffe-g-secondary-color); } - &:focus + .ffe-radio-switch { + &:focus-visible + .ffe-radio-switch { box-shadow: 0 0 0 3px var(--ffe-v-input-bg-color), 0 0 0 5px var(--ffe-v-checkbox-focus-outline-color); }