Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

RadioButton: Unexpected left spacing #7873

Closed
2 tasks done
janhassel opened this issue Feb 23, 2021 · 0 comments · Fixed by #7886
Closed
2 tasks done

RadioButton: Unexpected left spacing #7873

janhassel opened this issue Feb 23, 2021 · 0 comments · Fixed by #7886

Comments

@janhassel
Copy link
Member

What package(s) are you using?

  • carbon-components
  • carbon-components-react

Detailed description

Describe in detail the issue you're having.

The radio button component has a left margin of 8px which causes misalignment.
image

Is this issue related to a specific component?

Yes, RadioButton

What did you expect to happen? What happened instead? What would you like to
see changed?

The left side of the radio button should be aligned with the left side of the container.

What browser are you working in?

Chrome 88

What version of the Carbon Design System are you using?

[email protected]

Steps to reproduce the issue

  1. Open RadioButtonGroup story

Additional information

The issue is quite visible especially when paired with other related elements close to it (like a checkbox group).
image
https://codesandbox.io/s/cool-cdn-mle09

The extra spacing seems to have been introduced in #7133

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants