bug: ion-segment (iOS) not centered like title with ion-buttons

[lucaslevin]

Bug Report

Ionic version:

[x] 5.0.7

Current behavior:

Ion-segment (at least iOS version) is getting pushed and is not centered with ion-buttons.

Expected behavior:

Should be centered.

The dark header is from iTunes app (in Dark Mode)

Steps to reproduce:

Related code:

<ion-header translucent="true">
  <ion-toolbar>
    <ion-buttons slot="start">
      <ion-button>
        Genres
      </ion-button>
    </ion-buttons>
    <ion-segment color="primary" (ionChange)="segmentChanged($event)">
      <ion-segment-button value="1">
        <ion-label>One</ion-label>
      </ion-segment-button>
      <ion-segment-button value="2">
        <ion-label>Two</ion-label>
      </ion-segment-button>
    </ion-segment>
    <ion-buttons slot="end">
      <ion-button>
        <ion-icon slot="icon-only" name="swap-vertical-outline"></ion-icon>
      </ion-button>
    </ion-buttons>
  </ion-toolbar>
</ion-header>

Other information:

Ionic info:

   Ionic CLI                     : 6.5.0 (/usr/local/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.0.7
   @angular-devkit/build-angular : 0.901.1
   @angular-devkit/schematics    : 9.1.1
   @angular/cli                  : 9.1.1
   @ionic/angular-toolkit        : 2.2.0

Capacitor:

   Capacitor CLI   : 2.0.1
   @capacitor/core : 2.0.1

Utility:

   cordova-res (update available: 0.11.0) : 0.6.0
   native-run (update available: 1.0.0)   : 0.2.8

System:

   NodeJS : v12.7.0 (/usr/local/Cellar/node/12.7.0/bin/node)
   npm    : 6.14.4
   OS     : macOS Catalina