fix(radio-button): top-align wrapping labels
MODIFY
packages/components/src/components/radio-button/_radio-button.scss
packages/components/src/components/radio-button/_radio-button.scss
flex-shrink: 0;
width: rem(18px);
height: rem(18px);
- margin: rem(2px) $carbon--spacing-03 rem(2px) rem(2px);
+ margin: rem(1px) $carbon--spacing-03 rem(2px) rem(2px);
background-color: transparent;
border: $radio-border-width solid $icon-01;
border-radius: 50%;
.#{$prefix}--radio-button-wrapper .#{$prefix}--radio-button__label {
display: flex;
- align-items: center;
+ align-items: flex-start;
justify-content: center;
margin: 0;
}

fix(radio-button): top-align wrapping labels (#8381)

Co-authored-by: Lauren Rice <43969356+laurenmrice@users.noreply.github.com>
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>