[IOS] When toggled between ion-title and ion-searchbar on ion-toolbar there're shadow root which changed the style

The problem is when I toggled between ion-title and ion-searchbar in ion-toolbar there are shadow root class that remove the padding from the toolbar and it cause the icon to change from its position. It appear only when I simulate the ios device.

The question is, how could I removed this styles from appearing when toggled, or could I edit that style by myself. I try to add the custom class to the shadow root but It didn’t change anything.

Thank you in advance for the help.

Here is my current env


   Ionic CLI                     : 6.13.1 (/Users/reality/.nvm/versions/node/v12.18.4/lib/node_modules/@ionic/cli)
   Ionic Framework               : @ionic/angular 5.6.0
   @angular-devkit/build-angular : 0.1101.4
   @angular-devkit/schematics    : 11.1.4
   @angular/cli                  : 11.1.4
   @ionic/angular-toolkit        : 3.1.0

Capacitor:

   Capacitor CLI   : 2.4.7
   @capacitor/core : 2.4.7

Utility:

   cordova-res                          : not installed
   native-run (update available: 1.3.0) : 1.1.0

System:

   NodeJS : v12.18.4 (/Users/reality/.nvm/versions/node/v12.18.4/bin/node)
   npm    : 6.14.6
   OS     : macOS Big Sur```