Custom CSS for SmartyStreets widget

how can i add css so the box of fields will match the rest of the form?

You can add your custom CSS code to design the SmartyStreets widget in your widget's settings under the "Custom CSS" tab. Just click the wizard or wand icon when you click the widget to open the settings.

You can replace the CSS code and try adding this one:

#street_address, #city, #state, #zip_code {

margin-left: 0;

border: 1px solid #ccc;

font-size: 1em;

line-height: 1.071em;

box-shadow: 0 1px 2px #eee inset;

background: white !important;

}

I copied the design of the default text boxes in your form and came up with the above code. You can see how it looks like in this cloned form I have: https://form.jotform.com/53213982836966? 

Let us know if you need more help on this.