Ion-footer with ion-toolbar and ion-buttons not styled correctly

Ionic Framework ionic-v3
5

With a toolbar:

<ion-footer>
  <ion-toolbar>

    <ion-buttons start>
      <button ion-button color="save">
        SAVE DRAFT
      </button>
      <button ion-button color="save">
        SAVE DRAFT
      </button>
    </ion-buttons>

    <ion-buttons end>
      <button ion-button color="save">
        SAVE DRAFT
      </button>
      <button ion-button color="save">
        SAVE DRAFT
      </button>
    </ion-buttons>

  </ion-toolbar>
</ion-footer>

image

Without a toolbar:

<ion-footer>

  <ion-buttons start>
    <button ion-button color="save">
      SAVE DRAFT
    </button>
    <button ion-button color="save">
      SAVE DRAFT
    </button>
  </ion-buttons>

  <ion-buttons end>
    <button ion-button color="save">
      SAVE DRAFT
    </button>
    <button ion-button color="save">
      SAVE DRAFT
    </button>
  </ion-buttons>

</ion-footer>

image