How to vertical align material ui Checkbox

Question

Simple put, I'd like to vertical align the Checkbox from Material UI.

Answer 1

Try changing alignItems style property of FormControlLabel.

This worked for me:

<FormControlLabel
    sx={{ alignItems: 'flex-start' }}
    control={
        <Checkbox
            sx={{
                marginTop: -1,
            }}
        />
    }
/>