Help With Form Customization Problem

it's the extra padding being applied by the theme stylesheet ( default.css line 1675 ) - if you disable that rule, you'll see that the inputs fit properly.

screenshot: http://bit.ly/mTRfSP

The extra left/right padding adds to the overall width, so you can either remove the left/right padding from the fields in your Gravity Form with a new rule, or you'll need to re-declare the input widths (make them a little smaller percentage width) with a new rule to compensate for the additional padding.

reset the padding..

[css]
#contentbox #gform_wrapper_11 form input {
    padding: 0 5px;
}

or leave the left and right padding and reset the input widths for this form..

[css]
#gform_wrapper_11 .field_name_first input,
#gform_wrapper_11 .ginput_complex .ginput_left input {
    width: 92% !important;
}

#gform_wrapper_11 .ginput_complex .ginput_right input,
#gform_wrapper_11 .ginput_complex .ginput_right select {
    width: 94% !important;
}

screenshot - new input widths: http://bit.ly/qpBQ2f

Ha. Thanks Kevin. I'm happy I could help.