From c5c5f9f358b50df7a9586829ab9605cc75371f78 Mon Sep 17 00:00:00 2001 From: Michael Marszalek Date: Mon, 8 Apr 2024 15:14:13 +0200 Subject: [PATCH] fix(Radio): :bug: Correct orientation of radio and label (#1779) Co-authored-by: github-actions <41898282+github-actions[bot]@users.noreply.github.com> --- packages/css/react-css-modules.css | 2 +- packages/react/src/components/form/Radio/Radio.module.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/css/react-css-modules.css b/packages/css/react-css-modules.css index c1bb5985e6..eac79ee929 100644 --- a/packages/css/react-css-modules.css +++ b/packages/css/react-css-modules.css @@ -1687,7 +1687,7 @@ } .fds-radio-container-7a9bd584:has(.fds-radio-label-7a9bd584) { - grid-template-columns: var(--fds-checkbox-size) auto; + grid-template-columns: var(--fds-radio-size) auto; gap: var(--fds-spacing-2); } diff --git a/packages/react/src/components/form/Radio/Radio.module.css b/packages/react/src/components/form/Radio/Radio.module.css index d43096cd79..7221714276 100644 --- a/packages/react/src/components/form/Radio/Radio.module.css +++ b/packages/react/src/components/form/Radio/Radio.module.css @@ -9,7 +9,7 @@ } .container:has(.label) { - grid-template-columns: var(--fds-checkbox-size) auto; + grid-template-columns: var(--fds-radio-size) auto; gap: var(--fds-spacing-2); }