How to reduce white space on the Submit button?

  • jsmc
    Asked on August 12, 2025 at 9:42 AM

    I have also enabled Clear All Entries option, part of Submit button

  • Jovito JotForm Support
    Replied on August 12, 2025 at 9:56 AM

    Hi jsmc,

    Thanks for reaching out to Jotform Support. We can adjust the margin of the Submit button by injecting a CSS code to your form. Let me show you how:

    1. First, copy this CSS code.

    .form-buttons-wrapper.form-buttons-auto.jsTest-button-wrapperField {
      margin-bottom: -20px;
    }

    2. In Form Builder, click on the Paint Roller icon to open the Form Designer.

    3. Then, in the Styles tab, scroll down and paste the code in the Inject Custom CSS text area.

    How to reduce white space on the Submit button? Image 1 Screenshot 30 Here's what it'll look like:

    How to reduce white space on the Submit button? Image 2 Screenshot 41Give it a try and let us know how it goes.

  • jsmc
    Replied on August 12, 2025 at 1:45 PM

    Thanks it definitely took away space from the bottom, the top still shows the white space.

  • Christopher JotForm Support
    Replied on August 12, 2025 at 3:04 PM

    Hi jsmc,

    You can add the provided CSS code below to your form custom CSS code.

    .form-buttons-wrapper.form-buttons-auto.jsTest-button-wrapperField {
    padding-top: 10px !important;
    }

    Result:

    How to reduce white space on the Submit button? Image 1 Screenshot 20

    You can update the value to your preference.

    Give it a try and let us know how it goes.

Your Reply