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```