Width of the name field is not correct on my form

So I made a contact form for a website, and the name field was built side-by-side. For example:

{First Name Field} {Last Name Field}

And this worked fine for quite a while. Then all of a sudden it changed the format on me.

It still shows up side-by-side when I edit the form, but when I'm viewing the actual form through the website, on it's own site (https://form.jotform.us/70605664870157), or in the form designer, it shows the name fields like this:

{First Name Field}

{Last Name Field}

This looks very ugly in my opinion and I want to know how I can fix it.

Help is appreciated!

Please inject the following the CSS code to the form.

#cid_1 > div input {

 width: 49% !important;

}

Once the above code is added to the form, it should be displaying the fields as shown below:

Hope this information helps! 

Thanks for the reply Kiran.

I tried what you said, but nothing changed. I made sure I put the code into the right spot too.

Any further thoughts are greatly appreciated.

I have checked your JotForm and see that the fields are displaying correctly. Please see the screenshot below:

Could you try opening the form in a private/incognito window or a separate browser to see if the fields are displayed correctly?

Please get back to us if the issue still persists. We will be happy to assist you further. 

I guess it just took a minute to update it. It's working now. Thanks!

Great! Glad to see that the issue is now resolved for you. Please do not hesitate to get back to us if you need any further assistance. We will be happy to help.

Thank you for using JotForm!