Move field closer to the label

Hi please see screenshot below and link - https://form.jotform.com/53270431170949

I want to keep the label alignment so each one lines up however I want the input field closer to the label field for each. 

Hi,

To move the field closer to its label, please try to inject this custom CSS code in your form.

.form-label.form-label-left {

    width: 100% !important;

}

To inject a custom CSS code in your form you can follow the instructions provided in this guide: How to Inject Custom CSS Codes.

Do let us know if you need further assistance.
Regards.

Hi, 

I injected this code and it appears perfectly in designer however it's not pulling through to the front end when I preview my form - https://form.jotform.com/53343499536970? 

Please advise what I'm doing wrong. 

Please inject the following CSS code: http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

.form-label.form-label-left {

    width: 300px !important;

}

Result: https://form.jotform.com/53374239037962?

If you need anything else please open a new thread, we will be glad to assist you.