Change direction of checkbox

I added a label around a checkbox and the checkbox is now on the left of the label text. Is there a way to reverse the direction? I tried setting flex-direction: row and flex-direction: row-reverse but it didn’t appear to make any difference.

For me, it’s fine if the checkbox is in front the label text but then I need to change the width of the label and I can’t seem to set that. It seems fixed at a certain width.