🐛 [BUG - React] - FormControl.Validation layout problems with Checkbox

[rezrah]

The following snippet:

<FormControl validationStatus='error'>
  <FormControl.Label>Day</FormControl.Label>
  <Checkbox name="day" value="" />
  <FormControl.Validation className="test">Please select at least one day</FormControl.Validation>
</FormControl>

Produces this:

This happens because of row-reverse flex layout method.

Expected behavior

• Validation appears below the input and label per the usual validation layout: https://primer.style/brand/components/FormControl#validation

[MadMango]

I had a quick stab at this in #513

[MelissaPastore]

Closing this out since it should be fixed by the changes in https://github.com/primer/brand/pull/728