Toolbar error with dynamic island

Ionic Framework
1

Hello,

When I run my app (ionic 7) on an ios device with dynamic island there is a space between the ios status bar and the toolbar of my app.

How could I fix that?

Thank you

Screenshot 2023-09-29 at 10.13.13
Screenshot 2023-09-29 at 10.13.131016×146 8.46 KB

2

I found this source (Designing Websites for iPhone X | WebKit) and was able to fix it by adding the following in the global.scss file

.ios {
  ion-header {
    padding-top: env(safe-area-inset-left);
  }
}