Ion-select occupying the whole header space

Ionic Framework ionic-v3
1

In header I want ion-select and on the right side in it I want an icon button.
But the ion-select takes up all the space in the header and icon button doesnt work.

any idea how to give proper space to ion-select and icon button?

 <ion-header>
  

  <ion-toolbar>
    <ion-title>
      <ion-select cancelText="close" okText="Okay!">
		      <ion-option value="one" checked="true">1</ion-option>
	    	  <ion-option value="two">2</ion-option>
	      	  <ion-option value="three" >3 </ion-option>
	      	  
		</ion-select>
    </ion-title>

    	<ion-buttons end>
  <button>
    <ion-icon name="search"></ion-icon>
  </button>
</ion-buttons>

  </ion-toolbar>
</ion-header>
2

Vanila CSS is still available, sometimes messy but should be able to serve as a last resolve. Also check out http://ionicframework.com/docs/v2/components/#grid