iOS Checkboxes using bootstrap won't center

I am struggling to get checkboxes to center correctly on iOS due to WebKit styling them. I am using bootstrap to create the responsive design.

This is the results of my code that is being ruined by iOS:

I am using the following code:

<div class="form-group">
    <label class="control-label col-xs-5 col-sm-2" for="formatA">Format:</label>
    <div class="col-xs-3 col-sm-2">
        <input type="checkbox" class="form-control" id="formatA" name="formatA">
    </div>
    <div class="col-xs-4 col-sm-4">
        <input type="date" class="form-control" id="formatD" name="formatD" placeholder="Enter date of format approval">
    </div>
</div>