Header component is not responsive in ionic4 iphonex

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

In other device working fine?

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