Hubspot form loses styles embed through Webflow apps

Design help Webflow integrations
1

Embedding HubSpot form through Webflow App.
Styled in Webflow.
On publish, styled version appears for ~2 seconds, then HubSpot overwrites it with default styles.
Incognito keeps the styled version consistently.
Live example: https://prc-staging.webflow.io/contact-us

Any ideas how to fix or whats causing this?

1 Like
2

HubSpot is loading its CSS after your page, so it overwrites the Webflow styles. Switch the form to “no default styles” in HubSpot and re, embed, that’s the only thing that’s reliably stopped the overwrite for me on a recent client build.

1 Like
3

Thanks @moid.space Isnt “no default styles” only for legacy forms?

1 Like
4

Did you ever figure out how to solve this? I’m running into the same problem now.

5

Hi @asha_m jumping in - it looks like this only works for legacy forms. You will need to redo your Hubspot form into the legacy form and then re-embed it back into Webflow. From there you can adjust the styling of the fields accordingly.

6

Thanks Jose, I appreciate you jumping in. The catch is that the hubspot app isn’t compatible with legacy forms. There’s a legacy hubspot app in webflow that might support legacy forms (documentation isn’t clear), but it doesn’t support captcha, so it’s out of the question in my case. Did you personally manage to make this work?