# How Edit Line Spacing in Forms

**URL:** <https://community.hubspot.com/t/how-edit-line-spacing-in-forms/74000>\
**Category:** Lead Capture Tools\
**Created:** [January 30, 2023, 6:51am UTC](https://community.hubspot.com/t/how-edit-line-spacing-in-forms/74000 "2023-01-30T06:51:01Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![GBabayan](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/gbabayan/32/35926_2.png) [@GBabayan](https://community.hubspot.com/u/GBabayan)\
**Post date:** [January 30, 2023, 6:51am UTC](https://community.hubspot.com/t/how-edit-line-spacing-in-forms/74000/1 "2023-01-30T06:51:01Z")

</div>

Hi there,

Can anyone suggest me how I can add extra spacing between lines/categories in forms?

---

<div class="post-metadata">

**Author:** ![himanshurauthan](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/himanshurauthan/32/53076_2.png) [@himanshurauthan](https://community.hubspot.com/u/himanshurauthan)\
**Post date:** [January 30, 2023, 8:10am UTC](https://community.hubspot.com/t/how-edit-line-spacing-in-forms/74000/2 "2023-01-30T08:10:49Z")

</div>

Hello @GBabayan

you can add extra spacing between lines/categories in forms by using CSS. You can access the form’s CSS editor in the form’s design tab and add the following CSS code:

.hs-form .hs-form-field {  
margin-bottom: 30px;  
}

This will add 30 pixels of space between each form field. You can adjust the value of “30px” to increase or decrease the amount of space.  
Thanks  
Regards

---

<div class="post-metadata">

**Author:** ![GBabayan](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/gbabayan/32/35926_2.png) [@GBabayan](https://community.hubspot.com/u/GBabayan)\
**Post date:** [January 30, 2023, 9:04am UTC](https://community.hubspot.com/t/how-edit-line-spacing-in-forms/74000/3 "2023-01-30T09:04:10Z")

</div>

Hi,  
Thank you, I tried but no change.

---

<div class="post-metadata">

**Author:** ![himanshurauthan](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/himanshurauthan/32/53076_2.png) [@himanshurauthan](https://community.hubspot.com/u/himanshurauthan)\
**Post date:** [January 30, 2023, 1:15pm UTC](https://community.hubspot.com/t/how-edit-line-spacing-in-forms/74000/4 "2023-01-30T13:15:41Z")

</div>

They can add extra spacing between lines/categories in your HubSpot forms by using the CSS Box Model.  
And the CSS Box Model provides them with the ability to add padding, margins, and borders to your HTML elements. To add extra spacing between lines/categories, they can use the padding property. The syntax for padding is:

padding: \<top\> \<right\> \<bottom\> \<left\>

Example:  
padding: 10px 0 10px 0;

The above code will add 10px of padding on the top, bottom, left, and right of the element. they can adjust the numbers to add the desired amount of spacing between lines/categories.

---

<div class="post-metadata">

**Author:** ![NStPierre](https://avatars.discourse-cdn.com/v4/letter/n/5f8ce5/32.png) [@NStPierre](https://community.hubspot.com/u/NStPierre)\
**Post date:** [November 7, 2023, 9:11pm UTC](https://community.hubspot.com/t/how-edit-line-spacing-in-forms/74000/5 "2023-11-07T21:11:06Z")

</div>

Hi I don’t understand where to add this code. Where are the CSS Box Models located? I don’t see that option anywhere on my form editor.

---

<div class="post-metadata">

**Author:** ![KAbel](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/kabel/32/87988_2.png) [@KAbel](https://community.hubspot.com/u/KAbel)\
**Post date:** [April 12, 2023, 7:16pm UTC](https://community.hubspot.com/t/how-edit-line-spacing-in-forms/74000/6 "2023-04-12T19:16:10Z")

</div>

Having the same issue, this suggestion didn’t work for me either.

---

<div class="post-metadata">

**Author:** ![FBalatero](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/fbalatero/32/200610_2.png) [@FBalatero](https://community.hubspot.com/u/FBalatero)\
**Post date:** [November 15, 2023, 4:22pm UTC](https://community.hubspot.com/t/how-edit-line-spacing-in-forms/74000/7 "2023-11-15T16:22:12Z")

</div>

Hi, where exactly is the CSS box? where can we put the css styles you gave above? Can you please be more specific? thanks!

---

<div class="post-metadata">

**Author:** ![MBHowell](https://avatars.discourse-cdn.com/v4/letter/m/d26b3c/32.png) [@MBHowell](https://community.hubspot.com/u/MBHowell)\
**Post date:** [February 23, 2024, 6:15pm UTC](https://community.hubspot.com/t/how-edit-line-spacing-in-forms/74000/8 "2024-02-23T18:15:06Z")

</div>

Where do you find the CSS Box Model? There is no design tab on the form.

---

<div class="post-metadata">

**Author:** ![Bailey\_Sykes](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/bailey_sykes/32/93005_2.png) [@Bailey\_Sykes](https://community.hubspot.com/u/Bailey_Sykes)\
**Post date:** [July 25, 2024, 3:48pm UTC](https://community.hubspot.com/t/how-edit-line-spacing-in-forms/74000/9 "2024-07-25T15:48:34Z")

</div>

are there any answers that work for this?

---

<div class="post-metadata">

**Author:** ![NStocker](https://d10pqhm3lwygmk.cloudfront.net/user_avatar/community.hubspot.com/nstocker/32/206412_2.png) [@NStocker](https://community.hubspot.com/u/NStocker)\
**Post date:** [May 19, 2025, 8:16pm UTC](https://community.hubspot.com/t/how-edit-line-spacing-in-forms/74000/10 "2025-05-19T20:16:11Z")

</div>

Can I get in on the “where to add this”? I have tried on my site but doesn’t seem to work and also looked everywhere in the form itself with no luck.
