Vertical padding setting not adjusting form

I have tried adjusting the vertical padding on my form. It shows properly on the preview but not when it is embedded on my page.

 

The form is :

Try the following CSS Codes:

.form-line {

    padding: 0 10px !important;

}

RESULT:

You're free to change the padding amount in px upon your discretion. I only used 10px for the left and right padding since it looks better with the container you have for the form compared with a really narrow left/right padding.

I fixed this by removing the mobile responsive widget I had installed on the form. My guess is that it was interfering.
...