Toolbar error with dynamic island


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

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);