Ion-footer safe area bottom does not work in pwa app

Ionic Framework Ionic Angular
1

Ionic v8
Angular v19
PWA app

Hi,

I’m building a PWA using Ionic, and I’m having trouble with the safe area at the bottom of the screen. On installed pwa, the content doesn’t respect the safe area bottom inset as you can see on screenshot:

491013523_1381182866412915_4342295537806196784_n
491013523_1381182866412915_4342295537806196784_n1206×744 19.6 KB

html is default structure:

<ion-app>
        <ion-header class="app-header">...
        </ion-header>
        <ion-content>
           ...
         </ion-content>
        <ion-footer class="app-footer">
            <ion-segment value="default">
                ...
            </ion-segment>
        </ion-footer>
</ion-app>

What could be the issue here?