How to Remove Padding Around a HubSpot Form

Written by: Jacob Lett (Jake)
Updated: April 30th, 2026

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 (Jake) is the founder of Bootstrap Creative, a B2B marketing consultancy specializing in manufacturers and industrial companies. A HubSpot-certified CMS developer, SEO, Answer Engine Optimization (AEO), and RevOps professional, he helps B2B companies improve their websites, search visibility, HubSpot systems, and Google Ads campaigns to generate more qualified leads and RFQs. With over a decade of hands-on experience, he acts as a direct partner for companies seeking measurable ROI from their marketing investment.