From 413e3cde83f8ecc47e882ff99b99a900ac768922 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?J=C3=A9r=C3=A9my=20Rialland?= Date: Mon, 27 Feb 2023 16:55:08 +0100 Subject: [PATCH] Fix focus on Radio --- site/source/design-system/field/Radio/Radio.tsx | 7 ++++--- 1 file changed, 4 insertions(+), 3 deletions(-) diff --git a/site/source/design-system/field/Radio/Radio.tsx b/site/source/design-system/field/Radio/Radio.tsx index 3de6bc3a0..db550c9d0 100644 --- a/site/source/design-system/field/Radio/Radio.tsx +++ b/site/source/design-system/field/Radio/Radio.tsx @@ -133,9 +133,6 @@ const Label = styled.label<{ $hideRadio?: boolean; htmlFor?: string }>` css` margin-top: -1px; `} - :focus ${VisibleRadio} { - ${FocusStyle} - } ` export const LabelBody = styled(Body)<{ @@ -162,6 +159,10 @@ export const InputRadio = styled.input` border-color: ${({ theme }) => theme.colors.bases.primary[700]}; } + :focus + ${VisibleRadio} { + ${FocusStyle} + } + :checked + ${VisibleRadio} ${InsideCircle} { transform: scale(1); }