How to Remove Padding Around a HubSpot Form

Category: Code Snippets
Written by: Jake Lett

The new HubSpot forms have a lot of style options now but one that is not easy to change is the padding of the container. Add this CSS style to your page or theme to remove the padding so your form fields go to the edge and align with your text above and below it.

<style>
body [data-hsfc-id=Renderer] .hsfc-Step .hsfc-Step__Content {
  padding: 0;
}
</style>

About the Author

Jacob Lett is the founder of Bootstrap Creative, a digital marketing consultancy that helps Michigan manufacturers generate qualified leads through HubSpot, technical SEO, and Google Ads. With over a decade of hands-on experience, he acts as a direct partner for B2B companies seeking measurable ROI from their marketing investment.