Radio labels should be spaced appropriately for browser font size scaling

[randimays]

Bug Report

• I’ve searched for any related issues and avoided creating a duplicate issue.

What happened

Radio buttons & their respective labels are not spaced appropriately on all browser font size settings on desktop and mobile.

Reproducing

Go to https://design.va.gov/components/form/radio-button and adjust your browser font sizes:

• Chrome: Settings > Appearance > Font size
• Firefox: Settings > Language & Appearance > Fonts
• Edge: Settings > Appearance > Fonts

Notice the label spacing does not adjust according to the browser font size.

Very small

Small

Large

Very large

Urgency

How urgent is this request? Please select the appropriate option below and/or provide details

• This bug is blocking work currently in progress
• This bug is affecting work currently in progress but we have a workaround
• This bug is blocking work planned within the next few sprints
• This bug is not blocking any work
• Other