Hello, Is there some CSS styling or other suggestion to resolve the following issue?

I've made the table in the referenced URL responsive with a horizontal scrollbar. However, on desktop the table doesn't span the full width. I'd like for the table to span the full width and still retain the horizontal scroll on smaller devices where it is helpful.

Note, instead setting the table to span full width (uncheck horizontal scroll) fixes the issue on desktop but then the table isn't responsive on smaller screens.

Also consider that I'd like to apply the updated full width styling globally, not on a per table basis. So, assume that each table is selected for horizontal scrolling.

Screenshot attached with the referenced table.