How to remove unwanted scroll bar on ios app

Hi, I’m needing some help with my app in regards to how its displayed on mobile. When I preview it on desktop, it appears and works how it should.

However when i preview the app on my iPhone, you’ll see in the video that for some reason its scrolling when it should remain still. When i scroll it has a white box above the map that isnt there when i preview on desktop.

I would like the app to behave on mobile, exactly the same way it behaves in the desktop preview video i linked above.

Just to note: In settings I have checked “Hide safari UI component”

Hope my question makes sense.

Desktop preview:

Mobile Preview: