Table Formatting on Mobile Wrapping

Hi,
I am trying to get a table to show up in mobile without wrapping so much that all of the letters end up vertically and can’t seem to get that to work. Right now it looks pretty odd on mobile or small tablets. I would like the table to stay the same size horizontally and just allow users to scroll. I can insert a nowrap=”nowrap” for each of the tr and td but that also looks bad because it just overlaps all of the font. Is there something I need to change in the CSS to get this to work? Am I the only one having this issue?

Steps to reproduce:
Go to the link above – at the bottom of the page is a table – if you change your viewport you will see it collapses in an ugly way.

Thanks!

The page I need help with: [log in to see the link]