Submit and Reset Buttons are not aligned in Smaller Screens


I’m using btn buttons for submitting and resetting a form. All works well except for smaller screens.

In smaller screens the submit/send button appears a bit lower than the adjacently placed reset button. Please refer to the image attached below.

Can you please highlight the problem in my code?

Thank you.

Codepen URL:

It comes from the settings in

Just get rid of that css file in your css settings.


Thank you for highlighting the source of this error. This helped me in coming up a workaround that allowed me to retain pure forms as well as resolve the non-aligned buttons.

To beginners like me who may stumble upon such issue in future: I apparently used a div element encompassing the form elements (except submit and reset buttons) with the pure class in it and removed the pure class from the form tag.