Header component is not responsive in ionic4 iphonex

Ionic Framework
1

I created header component and in the components folder and kept that component in pages click is not responsive in iphonex i have tried by keeping ion-header ion-toolbar:first-child {
padding-top: calc(env(safe-area-inset-top,) + var(–ion-statusbar-padding))
}

These css stylings

2

In other device working fine?

3

in other devices it is working fine both ios and android except iphonex versions