Input table row header width issue in mobile views

Hello.  I need to make my row header column width more narrow, when viewed on mobile devices, for this form:

https://form.jotform.com/201864475012148

It works fine on large screen, but on a mobile screen, it makes the row headers (1,2,3, etc.) very wide, leaving very little room for the input fields to the right.

Thanks for the help!

Thank you for contacting us. Please inject the following CSS code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

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

.form-matrix-row-headers {

    width: auto;

    min-width: auto;

}

}

Result:

Let us know if you need more help.

Thank you.  Works great!