Single-Choice Matrix inside a Panel Dynamic - Column titles disappear on mobile screens

[JaneSjs]

Example

const json = {
 "pages": [
  {
   "name": "page1",
   "elements": [
    {
     "type": "paneldynamic",
     "name": "question1",
     "templateElements": [
      {
       "type": "matrix",
       "name": "quality",
       "title": "Please indicate if you agree or disagree with the following statements",
       "alternateRows": true,
       "columns": [
        {
         "value": 5,
         "text": "Strongly agree"
        },
        {
         "value": 4,
         "text": "Agree"
        },
        {
         "value": 3,
         "text": "Neutral"
        },
        {
         "value": 2,
         "text": "Disagree"
        },
        {
         "value": 1,
         "text": "Strongly disagree"
        }
       ],
       "rows": [
        {
         "value": "affordable",
         "text": "Product is affordable"
        },
        {
         "value": "does what it claims",
         "text": "Product does what it claims"
        },
        {
         "value": "better than others",
         "text": "Product is better than other products on the market"
        },
        {
         "value": "easy to use",
         "text": "Product is easy to use"
        }
       ],
       "isAllRowRequired": true
      }
     ]
    }
   ]
  }
 ],
 "showQuestionNumbers": "off"
}

Desktop:

Mobile Screens: