[SOLVED] Framework7 V4 iPhone X/XS Tabbar not correct

Hey! was wondering if anyone else had a issue with the Tabbar on the iPhone X or XS, My project stays above the Safe Area in a extremely ugly way.

See the image for what i mean.

This is a really nasty bug, i tried the following options to get rid of it.

ios-edges
no-safe-areas

the code in question is this.

<div id="app">
<div class="statusbar"></div>
<div class="panel panel-left panel-cover">
  <div class="page">
    <div class="page-content">
      <div class="block-title">Left Panel</div>
      <div class="block">
      </div>   
    </div>
  </div>
</div>
<div class="panel panel-right panel-reveal">
  <div class="view view-init view-right"data-url="/">
    <div class="page">  
    </div>
  </div>
</div>
<div class="view view-main">
  <div class="page">
Home
Home Sections Info

If someone knows what i do wrong here please tell me. im stuck.

issue fixed itself when readding it to the homescreen. weird but its fixed.