Ion title and search bar should be same line with in ionic-header


I have ion-title and search bar, I want to display both in the same line, but those are not displaying,

So please help me

below is my code

<ion-header style="height:60px;">
        <div class="toolbar-background-md">
              <!-- <img src="/Users/sathguru/harika/ionic+angular/TetraEmoji/src/assets/icon/tetra_single.png"   style="width: 30px;height: 15px;margin-left: 5px;"  /> -->
              <ion-title >
                   <form (ngSubmit)="submitSearch($event)" class="reg">
                    <ion-searchbar [(ngModel)]="searchQuery" [ngModelOptions]="{standalone: true}" [showCancelButton]="true" placeholder="Global Search"
                   <ion-buttons end >
                    <button ion-button end icon-only (click)="seachbar()">
                        <ion-icon name="search"></ion-icon>