How to display full name fields inline?

my form URL is https://form.jotform.us/71868132784163

When I work in form builder with the Enter Your Name widget the fields First Name and last name appear side by side on the same line.   This is what I want to happen.   When I enter the preview mode they move to a different places,  the field Last Name appears below the field First Name

Are the fields the wrong width ?  If so how do I adjust them?

Thanks

Kip

Please inject the following CSS code to display the fields inline: 

[data-type="control_fullname"] .form-sub-label-container{

  width: 45% !important;

}

This guide will help you injecting the code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

I hope this helps. 

Thanks! That worked great!