Text is running off on desktop webpage.

I have similar problem with my 2 forms except the text is running off my form in a desktop webpage rather than a mobile. Also on form#1 the margin above the email input field is too far from the field above it.

Is there some css that can correct this please?

form#1 url: https://form.jotform.me/62660197465463

for#2 url: https://form.jotform.me/62655506421453

It appears that the text is running off because the element inside the form has a wider width than the form itself. To resolve this issue, please inject the custom CSS code below to both your forms: 

.form-line {

    width: fit-content;

}

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

Hi thanks the CSS worked to solve the problem but it created a new one - it caused the submit buttons to align left that I'm now unable to center. 

Please try to inject this custom CSS code on your form to align the Submit button to center.

li[data-type=control_button] {

    width: 100% !important;

}

Thanks, that did help although the button isn't quite centered? Why would that happen?

Hi,

I see that. Can you please change the last CSS I have given to

li[data-type=control_button] {

    width: 100% !important;

    padding-left: 0px;

    padding-right: 0px;

}

 I highlighted the change. The result should be as shown below.

Regards.