Ionic v3 align button and icon


#1

When creating a button on the ionic creator(v3) I can create a button like this

button-correct

But when I export the template it renders like so:

button-incorrect

Here is my HTML:

<button ion-button icon-end block color="energized">
      <span>Edit</span>
      <ion-icon name="create"></ion-icon>
</button>

How do I correctly align the button and icon so that the icon is positioned at the end and the button text is centered.