Angular directive HTML breaks the ion-item ":last" css

When this html is last in a list of ion-items the ion-item :last css does display. I feel like this is a bug. Ideally I would like place inside the html but that throws a compile error.

<show-hide-container>
  <ion-item>
    <ion-input type="password" placeholder="Password" formControlName="password" show-hide-input></ion-input>
  </ion-item>
</show-hide-container>