Horizontal spacing for specific fields

I have two columns of dropdowns that look perfect when I am in edit mode but when I got to preview mode they get squished together (3 per row instead of just 2) how to I work with the horizontal spacing of the dropdown fields?

You can fix this issue with injecting this code into your form. It will fix fields' width.
Code is here:
#id_90,#id_92,#id_94,#id_96,#id_98,#id_100 {
    width : 50%;
}
#id_91,#id_93,#id_95,#id_97,#id_99,#id_101 {
    width : 50%;
}

This is how you can inject this code:


Result for 'Female':


Result for 'Male':


You can use our 'Advanced CSS Editor' to make your form much better.
Guide is here:
https://www.jotform.com/form-designer/tuts/episode5/

Please tell us for further support.

This worked great, thanks!