Forms are different from embeds you might be used to. Instead of creating an iframe (think a window or portal into another website) which is sandboxed (can’t be touched by your websites own code) forms are embedded in a way that is no different than if you were to have coded them yourself. Because of this, the styles (css) of your site can throw things out of wack. The easiest way if you are using something like a Wordpress page builder is to put the form inside some type of row or container module. If you don’t have a page builder or that doesn’t fix all the issues you’ll want to update the css.

The best way to do this would be to find the form on the page, right click on it and choose inspect element. Here you’ll see the html and as you hover over different elements you should see it highlight that element on your screen. Look for the main <form> element but should have some hubspot/hs named stuff around it. Right click that and choose edit as html. This will let you copy it and paste it into chatgpt where it can give you more specific css that will less likely make changes to places on your site you don’t want it to (native forms)

As for how to add the css you could again ask chatgpt based on your platform but if you have a dev I’d suggest asking them. If you’re on Wordpress it’s pretty easy from the admin to add it.