Form fileds don't fit. How do I make them fit?

Copied this form from the "volunteer application" suggestions.

Some of the fields are not fitting. Specifically the "Receive Texts" field, {receiveTexts}. What am I missing?

Hello, 

To fix the text boxes, you could consider injecting the CSS code below to the form

.form-single-column {
   display: inline-block;
}

Here is our guide on How to Inject CSS Codes to a form

I hope this helps. 

Please let us know if you need anything else. 

Thanks.

Thank you Augustine, you're a lifesaver! For the purposes of learning, what exactly are you directing the form to do?

I guess you want to know what display CSS code does. The code is basically asking to stay Single column to stay in a specific block so its height and width match the other elements on the form. 

You can read more about it here.

Thanks Ashton. To what dimensions do default fields conform? Why did the field not fit in the first place?

The owner of the form and the form itself is no longer available so I can't view why it copied the fields that way. The template was published a long time ago (2013), it probably wasn't updated to version 4 of Jotform builder causing some issues when used as a template.

Normally, what you see on the template page is what you will on the actual cloned form, but this case it doesn't seem to match. If you need help with this form, just let us know.