In the example on the left, when the error messages are displayed, the spacing between forms makes all the fields blend into one large column.

Add more space to separate fields and create a more precise layout!

Add some space!

You should always visually prioritize one of the buttons. They should NEVER look exactly the same. The more important button is always CTA (call to action) and it should be more prominent.

Always prioritize one button in the group.

Call to Action button

Call to action buttons

If the spacing between the last field and the button is too big, it may feel disconnected. It misleads users that the button is not what actually sends the form.

Avoid too big spaces between elements like this to have a better user experience.

If the spacing between the last field and the button is too big, it may feel disconnected. It misleads users that the button is not what sends the form.

Add some space!

See more tips!

Connect button with the form

Call to Action button

Hello, I'm a frontend developer with over ten years of experience, freelancer. I'm also a mentor for junior frontend developers. I live in Gdańsk, Poland and have two German Shepherds named Ramen and Ceres. I wrote a book for Junior Frontend developers called Frontend Unicorn.