Size and alignment of small checkbox not compliant

[theocrsb]

What happened?

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

On which environments the bug occurs?

Local Storybook, Deployed Storybook

On which browser the bug occurs?

Firefox, Google Chrome