My field sizes are different lengths on different computers?

When I created my fields for my form, I set the width/max characters to all line up evenly and look centered within the form. It looks great when I preview it on my computer (screenshot attached). However, my colleagues looked at it on their computers and some fields go way off the form (too long). It's even too long on their computer when they go into the actual JotForm design page. If they fix it on their end, the fields become too short on mine.

I know different browsers can show different things. Is there a way to set a width (maybe in CSS or something) to make them all the same width AND stay on the page?

I could replicate the issue. The Field size appears good in Chrome browser but appears big in Firefox and Safari

To fix the issue add the following code to INJECT CSS section

input {

    width: 100%;

}

I had also cloned the form at https://form.jotform.com/63573977865982 . If you wish you can clone the same

I made a mistake in my previous response.

The code to be injected in the INJECT CSS section would be 

.form-textbox{

    width: 100%;

}

Sorry for the inconvenience.

That worked! Thanks!