Howto: overlay ion-spinner.spinner over i.icon

I used to be able to change ionicons to a loading icon using classes, but now that ion-spinner is the preferred method, I can’t get things to line up properly (CSS problem)

the ion-spinner is too tall and won’t overlay on top of the icon

//- the old way
<i class="icon" ng-class="isLoading ? 'ion-load-b ion-spin' : 'ion-pinpoint' "></i>
       // the ion-spinner way
          <ion-input class="item item-input">
            <i class="icon ion-location positive padding-right"></i>
            <input type="text" placeholder="Enter an Address to Set Location" ng-model="address" />
            <button class="button button-positive button-clear">
              <i class="icon ion-pinpoint positive" ng-show="true"></i>
              <ion-spinner icon="ios-small" ng-hide="!true"></ion-spinner>

here’s a codepen:

Any ideas?