Embedded Form: Form fields stretcthing to full width

Hi

I have a built a form, and when I preview it in the designer view it looks fine, and in the form preview. But when I embed it onto my page the form fields are dropped onto the line below the field label and are stretched the whole width. I don't want them to stretch the whole width. I want them to be on the same line next to the label.

The form is on a wordpress site, that sits behind a under construction page, so I cannot send you a link to it. The form id on jot form is 61423777248361

Thank you for contacting us.

This issue might be related to applied mobile styles due to a small form placeholder size on the web page.

Please try adding the next CSS via form designer to see if that helps.

.form-textbox, .form-textarea, .form-input {
width: 200px !important;
max-width: 200px !important;
}
.form-label {
width: 120px !important;
}

If you need any further assistance, please let us know.