Make two column table 50% to 50% screen width ratio on mobile view

I have a table for my website cookies on my Privacy Policy page. The table consists of 2 columns. Originally the columns appeared at a ratio of about 75% to 25% page width on all views (mobile, tablet, desktop). I managed to fix this on desktop with some CSS and make it 50% to 50%, but issue still remains on mobile view.

I believe that the reason issue persists on mobile view is because TablePress will not break a joined word / piece of text. For example, the cookie term “USER_ALLOWED_SAVE_COOKIE” I think is being made to stay on one line, which therefore forces the second column to become squashed. I want it to prioritise a 50% to 50% column split, so in the case of on mobile and very small screen devices it forces joined pieces of text which are longer than the 50% column space allowed to be broken at the point of column overlap and the balance of the text to appear on the following line.

So in the case of this example it would look something like this:

“USER_ALLOWED_SA
VE_COOKIE”

The ability to control column widths in the settings would solve issues like this.

Thanks, Michael

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