Odd table header style on mobile

[MattMcAdams]

Describe the bug On smaller screens, the table header is squished into one table cell instead of behaving as expected.

URL https://www.uab.edu/it/home/policies/data-classification/classification-overview

To Reproduce Steps to reproduce the behavior:

1. Go to 'https://www.uab.edu/it/home/policies/data-classification/classification-overview'
2. Resize browser to smaller width
3. Scroll down to "Can you store or share data?" table
4. See visual error

Expected behavior The table header should span the width of the entire table, with a header for each column.

Screenshots

Device Information You can get this data from https://supportally.com/

• Operating System: OSX 11 Beta 5
• Browser & Version: Firefox 80.0
• Browser Size: 810 x 943
• Screen Size: 1680 x 1050
• JavaScript enabled? Yes

Additional Context While inspecting the element with dev tools, the issue seems to be the following piece of CSS from linear.css

@media only screen and (max-width: 1024px) and (min-width: 300px) {
    body.linear #content th,
    body.linear #content thead {
        display: table-cell;
    }
}