Hello,
In the Template.CSS remove the padding value from the code block below:
template.css - line 98
.inputbox, .registration input, .login input, .contact-form input, #jform_contact_message, input {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background: none repeat scroll 0 0 #ffffff;
border-color: #bcbcbc #dadada #e5e5e5;
border-image: none;
border-style: solid;
border-width: 1px;
font-size: 0.9em;
padding: 9px 12px !important;
}
This should look better as the padding was actually pushing the text out of the box view. However, the font size is still quite large so you can add this to the custom.css file to modify it to a smaller value.
custom.css
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
font-size: 10px !important;}