Is there a way to correct the margin or/and padding on the contact form page? See attached.

Solved. Fixed it by added this into Custom CSS Code :

.wpcf7 input[type=\"text\"]{

margin-bottom: 10px;

}

.wpcf7 input[type=\"email\"]{

margin-bottom: 10px;

}

.wpcf7 input[type=\"tel\"]{

margin-bottom: 10px;

}

.wpcf7 input[type=\"submit\"] {

background: none repeat scroll 0 0 #27CFC3;

position: relative;

top: -3px;

color: #FFFFFF;

font-size: 12px;

box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;

-moz-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;

-webkit-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;

-o-box-shadow: 0 -3px rgba(0, 0, 0, 0.1) inset;

text-transform: uppercase;

font-family: \'OpenSansbold\';

letter-spacing: 2px;

margin-left: 0px;

line-height: 24px;

display: inline-block;

border-radius: 5px 5px 5px 5px;

padding-top: 16px;

padding-right: 21px;

padding-bottom: 16px;

padding-left: 21px;

margin-top: 20px;

}