CSS for Address Quick Field

Our customers are global, so I have added the "Country Code" widget to our form so their phone numbers get formatted properly.   There is a place to input CSS info for the widget.  I need to know what the CSS code is for the Address widget so I can make the form fields match on the form.

Please inject the following CSS code inside the widgets CSS area:

 #countries_phone1, #countries_phone2{

    background-color: #bdb7b7 !important;

    color: black !important;

}

Result:

Let us know if you need more help.

That looks better.  Any idea how to make them same height?  (If I attempted to change "height" in the widget properties, it only makes the bottom field.  Can I adjust height size in CSS for both fields so they match the rest of form?

Add the following code:

#countries_phone1 {

    height: 20px !important;

    padding-bottom: 2px !important;

    padding-top: 2px !important;

}

#countries_phone2{

    height: 23.77px !important;

}

Let us know if you need more help.