Input table headers are not displaying correctly on mobile devices

Dear Support Team,

I have an issue with the first three questions (table/matrix format) in a phone view mode, the text in the columns is not adjusted well (Picture attached). is there any way I can make the text direction vertical so it well adjusted to the column in a phone view?

I have tried adding the following CSS code to the cloned version of your form and checked on Android and iPhone which is displaying good. Please try adding the same to your form and  see how it works.

@media screen and (min-width: 10px) and (max-width: 540px){

.form-matrix-column-headers {

    word-break: normal;

}

}

Please get back to us if you need any further assistance. We will be happy to help. 

Thank you, it worked perfectly 

really appreciate it