[Form Styling] alignment issues when creating accessible forms

[slavab89]

When creating forms, the recommendation for accessability is to use the rules defined at w3 site here
When using a legend component for Selection Controls it creates a default 2px padding (browser definition). When combined with other form components it creates a non aligned structure.

See the following example and compare "Gender" text against the components of Text Field (Helper text), "Gender" and the radio buttons themselves are padded by 2px
https://codesandbox.io/s/j4zvvx0x4v

[oliviertassinari]

Thanks for opening the issue. It should be a one line change fix. We can set the padding to zero. Do you want to give it a shot?

[slavab89]

Yep 😄 (I'll do it later today)