From 3b18d802bfe904ca76d86e3a4cda2882c7f99c11 Mon Sep 17 00:00:00 2001 From: Johan Persson Date: Mon, 3 Nov 2025 16:17:59 +0100 Subject: [PATCH] fix(ui): prevent radio button ellipse distortion in RadioGroup Fixed radio button circles becoming elliptical by preventing flex shrink and grow on the button's ::before pseudo-element. Signed-off-by: Johan Persson --- .changeset/ripe-crabs-care.md | 5 +++++ packages/ui/src/components/RadioGroup/RadioGroup.module.css | 2 ++ 2 files changed, 7 insertions(+) create mode 100644 .changeset/ripe-crabs-care.md diff --git a/.changeset/ripe-crabs-care.md b/.changeset/ripe-crabs-care.md new file mode 100644 index 0000000000..d8cdc27652 --- /dev/null +++ b/.changeset/ripe-crabs-care.md @@ -0,0 +1,5 @@ +--- +'@backstage/ui': patch +--- + +Fixed RadioGroup radio button ellipse distortion by preventing flex shrink and grow. diff --git a/packages/ui/src/components/RadioGroup/RadioGroup.module.css b/packages/ui/src/components/RadioGroup/RadioGroup.module.css index acc6d677e4..a18f2d385d 100644 --- a/packages/ui/src/components/RadioGroup/RadioGroup.module.css +++ b/packages/ui/src/components/RadioGroup/RadioGroup.module.css @@ -54,6 +54,8 @@ background: var(--bui-gray-1); border-radius: var(--bui-radius-full); transition: all 200ms; + flex-shrink: 0; + flex-grow: 0; } &[data-pressed]:before {