From a49f216c43f940d9330759f988697cda42b135c2 Mon Sep 17 00:00:00 2001 From: Matthew L McPeak Date: Tue, 14 Jul 2026 10:39:18 -0400 Subject: [PATCH] fix: fill the RadioGroup indicator's own SVG path instead of faking it with a background The checked-state dot used bg-primary-foreground behind an unfilled, stroke-only CircleIcon (fill="none" by default) -- relying on the stroke and background happening to share the same color to look like a solid dot. That's fragile and, combined with a size-2 box (50% of the outer ring), reads as an oversized hole rather than a normal radio dot. Fill the icon's own path directly (fill-primary-foreground) and size it down to a more typical proportion (size-1.5, ~40% of the ring). Verified centered and correctly proportioned in both themes via headless Chromium (pixel-precise marker overlay + zoomed screenshots). --- .../library/src/components/ui/radio-group/RadioGroupItem.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/library/src/components/ui/radio-group/RadioGroupItem.vue b/packages/library/src/components/ui/radio-group/RadioGroupItem.vue index d398817..cd2d180 100644 --- a/packages/library/src/components/ui/radio-group/RadioGroupItem.vue +++ b/packages/library/src/components/ui/radio-group/RadioGroupItem.vue @@ -54,7 +54,7 @@ onBeforeUnmount(() => { > - +