International telephone picker - field not matching with other fields in the form

This form - https://www.jotform.com/build/251831016111441

The phone number fields look different. I have used the international phone picker since I want the country dropdown. How to make it consistent with other fields like name & email

Hi Ashish,

Thanks for reaching out to Jotform Support. To ensure consistency with other fields, you can adjust the International Telephone Picker widget settings in the Field Properties panel.  Let me show you how:

1. In Form Builder, click on the Gear icon of the International Telephone Picket widget to open the Field Properties.
2. Under the General tab, change the Width to 1000.

Now, you will need to Inject the Custom CSS Code to the widgets Custom CSS field. Let me show you how:

1. First, copy this code:

.intl-tel-input.pretty input {

  box-sizing: border-box;

  border-radius: 4px;

  height: 40px;

}

2. Click on the Wand icon of the widget and go to the Custom CSS tab.

3. Then, paste the Custom CSS to the Input box and click on the Update button.

Take a look at the screenshot of the result below:

Give it a try and let us know how it goes.