Ion button and searchbar in toolbar

Hi. I need help.
I’m creating a searchbar on top of a page. And i want to add a refresh button beside the searchbar. My problem is I cannot place the button beside the searchbar.

Untitled

I want the button the be here:

Untitled2

This is my html code:

<ion-header>
  <ion-toolbar>
    <ion-buttons>
        <button ion-button item-right (click)="refreshData()">
        <ion-icon name="refresh"></ion-icon>
       </button>
    </ion-buttons>
    <ion-searchbar
    [showCancelButton]="shouldShowCancel"
    placeholder="Search Names"
    (ionInput)="filterDriver($event)"
    (ionCancel)="onCancel($event)">
    </ion-searchbar>
  </ion-toolbar>
</ion-header>

Please someone help me :frowning:

just add end in ion-button tag like below
 <ion-buttons end>
</ion-buttons>

works like a charm man. thank you!