How to align title in Ionic 4 header with reduced height

I’ve been looking at reducing the headers height for my app.

I have tried the following…

ion-toolbar {
     --padding-top: 0;

   ion-header ion-toolbar {
     height: 30px;

   ion-title {
     padding-top: 0;

The header markup is

  <ion-toolbar color='primary'>    
    <ion-title>{{'PAGE_TITLE_HOME' | translate}}</ion-title>  

This does reduced the height, but I just cannot find how to move the title up…


Any idea how get rid of this top “padding”?

Thanks in advance for any help