Is there anyway to stop the text fields splitting like this?

I was able to replicate the issue. Please insert this custom CSS code to fix the issue:

.form-textbox, .form-textarea, .form-upload, .form-dropdown, .form-matrix-column-headers, .form-matrix-row-headers, .form-matrix-values {
background-image: none !important;
}

Here's a guide on How-to-Inject-Custom-CSS-Codes. Here's the result:

Hope that helps. Thank you.

Thanks for the help, this looks so much better, inserted the code and it's all good.