How to change width of phone number field while staying responsive

Hello,

I have the phone number field with the fill input mask option turned on. While trying the form on my phone the phone number field is a bit small that it would only show about 7 of the digits and I would like to have the box be bigger so you can see the full phone number.

I would like to make this wider, but from the other forum posts I've seen the solution uses (for example) width: 150px !important option. I am worried this will not stay responsive.

Is there another option I can use?

It should be fine to increase the length to the same size of the other fields.

Try this CSS:

#input_203_full, #input_151_full, #input_168_full, #input_177_full,#input_189_full{
  width: 240px !important;
}

How to Inject Custom CSS Codes