Alignment of item sliding option in Ionic 4

#1

Hi I have created a page html with following codes for item sliding


  <ion-list #mylist>
    <ion-item-sliding *ngFor="let item of items">
      <ion-item>
        <ion-label text-wrap ">
          {{item.name}}
        </ion-label>
      </ion-item>      
      <ion-item-options side="end">
        <ion-item-option color="secondary" (click)="update(item)">        
          <div slot="icon-only">
            <ion-icon name="create"></ion-icon>
          </div>
        </ion-item-option>
        <ion-item-option color="danger" (click)="delete(item.id)">        
          <div slot="icon-only">
            <ion-icon name="trash"></ion-icon>
          </div>
        </ion-item-option>
      </ion-item-options>
    </ion-item-sliding>
  </ion-list>

item sliding works but icon is always in vertically top instead of vertically middle of item option. kindly help me in fixing this.