I want the check box to align at the top of the container which holds it with the text so but adding align-self: flex-start; to the customer css property box for the checkbox element doesn’t do anything.
I think that for your situation it would be better to create a custom Checkbox with custom functionality.
That way you will have full control over your positioning.
