Left edges of headings and .row>.form-control-label don't align

Created by: Gillardo

I seem to be having a funny problem with form-group and row. it says on the migration page, that you now need to add .row to .form-group in order to use grid layout.

Here is my html, which i believe is correct

<h4>Company Details</h4>
<div class="row form-group">
    <label class="form-control-label col-sm-3">Business/Region or Company</label>
    <div class="col-sm-9">
        <module-data-form-field form-field="field">
            <span> UL East/ North East&nbsp;</span>    
        </module-data-form-field>
    </div>
</div>

But on screen, you can see that it seems to be out of alignment with the parent heading

I have tried turning on the enable-flex option, but it seems to make no difference. Is this a current bug?