Calendly script messing with HTML

Hi, I’ve integrated Calendly code. The website in preview looks great but once published the layout is messed-up. It definitely has something to do with Calendly code integration. But how to fix?
screen of layout in preview:

The published:


Here is my site Read-Only: LINK
(how to share your site Read-Only link)

@ipistsov - please share your read-only link for troubleshooting.

Thank you, Here is the link: https://preview.webflow.com/preview/psychmedconfidential?utm_medium=preview_link&utm_source=designer&utm_content=psychmedconfidential&preview=200ccf07e99f08d39475b473b26a600c&mode=preview

Also, on the read-only link everything look good. However, when published - the situation is different.
https://www.psychmedconfidential.com/

@ipistsov - I don’t think it’s an issue with calendly, I think it’s a positioning issue based on screen size in the designer versus the published site. After removing calendly I’m still experiencing the issue. I believe it has something to do with the height set on this section:

image

Sam, I just removed the calendly and the layout is back to normal on published site https://www.psychmedconfidential.com/
:woman_shrugging:

please see screens:

@ipistsov - can you give this item a non-percentage based height?

image

Just do a set amount of pixels and re-add calendly. The height of that element at 13% has changed dramatically on screen with / without the calendly integration. Something about that is effecting the perceived % height that element is allowed to use.

@sam-g thank you so much! You’re right! :raised_hands: