The small checkbox label alignment should be at the top and the small checkbox size is 16px instead of 14px (including all borders).
There is a fixed width for label (width: 12.813rem;), it should be a max width.
The Checkbox component should only have a size (width/height) matching its content (no extra margin/padding).
What did you expect to happen?
No response
How can we reproduce it (as minimally and precisely as possible)?
Inspect small checkbox height and label alignment in storybook
What happened?
The
small
checkbox label alignment should be at the top and thesmall
checkbox size is 16px instead of 14px (including all borders). There is a fixed width for label (width: 12.813rem;), it should be a max width. The Checkbox component should only have a size (width/height) matching its content (no extra margin/padding).What did you expect to happen?
No response
How can we reproduce it (as minimally and precisely as possible)?
Inspect small checkbox height and label alignment in storybook
On which environments the bug occurs?
Local Storybook, Deployed Storybook
On which browser the bug occurs?
Firefox, Google Chrome