Pop Up Contact form isn't filling the full screen on mobile

Hi, I’m wondering if anyone knows a fix to my problem.,

I have a pop up contact form (which my client is really keen on, so I don’t want to change it) It’s working perfectly on desktop, however on mobile when I open it initially it doesn’t fill the full height of the screen

If the browser navigation isn’t there or the page is scrolled, it just cuts off the bottom of the overlay and form.

Does anyone know a fix? The back overlay is set to absolute and full screen. The form is flex box and centred vertically and horizontally.

Thank you in advance.

https://global-mobilty-0f08a4.webflow.io/

Here is my site Read-Only: https://preview.webflow.com/preview/global-mobilty-0f08a4?utm_medium=preview_link&utm_source=dashboard&utm_content=global-mobilty-0f08a4&preview=5e14ed2c06e81c142baa42fbc606334c&mode=preview

Hi @HollyA,

This might help: