IPhone X bottom tab bar on top of virtual Home

Hello, I can’t seem to find a fix for my app… Or cant seem to find a way to implement the fix… On the iPhone x the Tab bar is sitting under the virtual home button is there a way to move the tab bar to appear above the home button? I have tried updating angular to 3.7.0 and it had no effect. Is there anyway someone could please explain how to fix this to me… Sorry for the complete rookie question of the year. Any help is appreciated. Thanks in advance.

:heavy_check_mark: Gathering environment info - done!


ionic (Ionic CLI) : 4.0.6 (/usr/local/lib/node_modules/ionic)
Ionic Framework : ionic-angular 3.7.1
@ionic/app-scripts : 3.0.0


cordova (Cordova CLI) : 8.0.0
Cordova Platforms : android 6.4.0, ios 4.5.3


NodeJS : v8.9.1 (/usr/local/bin/node)
npm : 5.5.1
OS : macOS High Sierra
Xcode : Xcode 9.4.1 Build version 9F2000