In ionic 6, there is a space between the status bar and the header on ion devices. How do I fix the header?

I have a little problem in ionic 6. There is no problem on Android devices, but on iOS devices, when I pull the screen down (slide) with my finger, a white space appears between the header and the status bar. One of the 2 solutions is enough for me.

Solution 1: Fixing the header under the status bar. Even if I pull it, it shouldn't come.

I added this code: ion-content{--overflow:hidden} but this time there is no scrolling on the screen.

Solution 2: Change the color of the white space between Header and Statusbar. I couldn't find how to do that either.

1. ss and 2. ss

Thank you.