White space issue on custom code that holds widget form results in it being cropped.

Hi everyone,

I’ve noticed over the past couple of weeks that my form is being abandoned during signups because the second page isn’t visible due to a large white space. The first page has more fields compared to the second page, which creates a white space, requiring users to scroll up to continue. Unfortunately, many don’t realize this and end up leaving the page, abandoning the signup process.

Here is our current code 

I’ve already tried setting the height to "auto," but this cut off the entire form, including the widget form.
This is how our form look like

Any suggestions on how to resolve regarding the whitespace  would be greatly appreciated!
 

Can you share link to this page?

https://www.austinartsacademy.com/book-lessons-now

Here is the booking link. 
 

Hi @austinartsacademy !

Here is the code, we already try to set the height to 100% but it cut the form. How could we set height of iframe according to content automatically without a set to fixed height. 

Thank you.