Phone Number field shrinks automatically, can't enlarge

We need the phone number field to be one field, not two.  In following other instructions from other threads, we used the Phone Field (now under basic elements instead of quick elements) and removed the Input mask, deleted the default mask (###) ###-####

We tested this new format with Zoho, and this integration works correctly, but looks terrible.

When we do this, the entire field is now only the width of the area code, and not the width of the full line.  How can we make this phone field wider?

Form:

https://form.jotform.com/70196221287153

I have add some CSS code in your Form Designer's CSS tab for the Phone number field.

Can you check and let us know if its ok with you?

ah!  Looks super duper!  You didn't have to do that!  I would've done it if you told me how.

Thank you for your generosity!

You can inject CSS codes to your form following this guide: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

I'm glad to know it worked, if you need further assistance, please  let us know.