Drop down box misaligned

[user5df6a42045062938 (Elizabeth Tusay)]

hi. the drop down box is not in line with the other entry boxes and it’s smaller than the other boxes - i tried searching for a solution but can’t find it. probably my theme is screwing something up. could anyone suggest a fix with custom CSS or something? thanks!! here’s the form - the ‘state’ drop down.

https://trentoncatsdev.wpengine.com/adopt/adoption-questionnaire/

[faisalahammad]

Hi Elizabeth,

To resolve the issue, please try the following CSS code in the style.css file of the child theme or go to Appearance → Customize → Additional CSS.

form#gform_20 .ginput_address_state {
  margin-bottom: 8px !important;
}

form#gform_20 .ginput_address_state select {
  height: 42px !important;
}

The final output will look like the following screenshot.

Give it a try, and let me know how that goes!