Ionic button icon-left no longer lines up with the text in iOS

ionic-v1
1

On an iPhone the icons do not line up with the text.

Here is what they should look like:
browserLayout

Here is what they look like:
iosLayoutProblem

Here is the code:

<div ng-if="showFooter"  class="bar bar-footer bar-stable">
          <div class="button-bar close-buttons">

              <a class="button icon-left ion-alert button-outline button-assertive">Missing</a>
              <a class="button icon-left ion-calendar button-outline button-calm" >Due</a>
              <a class="button icon-left ion-checkmark button-outline button-balanced">Done</a>
              <a class="button icon-left ion-help button-outline button-positive" > Ungraded</a>


          </div>
      </div>

Any ideas on how to fix this?