Radio Button Check Mark is not centered

[RealDyllon]

Currently, the check mark is not centered in the radio group component

Link to docs: https://ui.shadcn.com/docs/components/radio-group

[brunocroh]

On my Chrome appear to be better centered than for your. I tried different browsers but firefox/safari use different icon to show selected

Can you please share more details? like Browser, Browser version, OS, Zoon used, screen resolution...

[makkeu]

This seems to be dependant on browser's view width. Happens for me as well on Safari 17.2 and Chrome 120 in MacBook Pro 16" M1, no browser zoom. If you slowly resize the browser window width, horizontal position of the checkmark (or dot with default style) seems to change a bit while the outside circle stays same. Looks like flex box centering issue?

[BiigFish]

Yeah noticed this too with even with the default style. You can easily see the icon "move" around if you slowly change the screen size of your browser

A solution that worked for me was removing the width className for the Icon. Not sure if there's any implications, but it just works!

[shadcn]

This issue has been automatically closed because it received no activity for a while. If you think it was closed by accident, please leave a comment. Thank you.