Checkbox on forms messed up

I created a theme for my forms. When using it it messed up my checkbox columns and spacing. Under Manufacturer and Additional Hardware the items are overlapping. Under test results they are over lapping the next field. Please help. I have tried custom CSS as seen in other forum questions. How do I fix?

Thanks!

Hi,

You can try to inject this custom CSS code in your form to fix the display of the check box.

#id_40, #id_32, #id_30{

width:20%;

}

span.form-checkbox-item {

    max-width: 100% !important;

    white-space: normal !important;

}

.form-multiple-column {

    width: 300%;

}

.form-single-column {

    width: 300% !important;

}

To inject custom CSS code your form, just follow the instruction provided in this article: How to Inject Custom CSS Codes.

Do let us know if you need further assistance.
Regards.