Unable to fill in form fields in mobile vertical view

When I preview my form using mobile vertical view and try to complete the form fields, no text appears. This problem does not appear when I switch to horizontal mobile, iPad, or desktop mode. Can someone help me with this?

The below screenshot shows is what shows as I am entering information into the fields in vertical mobile mode.

Here's what shows when I switch to horizontal mobile mode.

The issue appears to be caused by the fields label width. Please add the next CSS in order to fix this on the mobile devices.

@media screen and (max-width: 480px), screen and (max-device-width: 768px) and (orientation: portrait), screen and (max-device-width: 415px) and (orientation: landscape) {

.form-label {

width: auto !important;

}

}

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

Thank you Mike! This solved the problem :)