Some studio tables UI breaks when resizing browser window

[PauAbellaMolina]

Bug report

• I confirm this is a bug with Supabase, not with my own application.
• I confirm I have searched the Docs, GitHub Discussions, and Discord.

Describe the bug

Tables on the studio /database/tables, /database/triggers and /database/functions pages (maybe other places too) break when making the page narrower. Looks like columns disappear.

To Reproduce

Steps to reproduce the behavior, please provide code snippets or a repository:

1. Go to the studio of a project, Database page.
2. Click on Tables/Triggers/Functions pages.
3. Resize your to see the tables break at certain points.

Expected behavior

Table columns shouldn't disappear and the whole table should become horizontally scrollable, just like the tables on Authentication > Users for example.

Screenshots

System information

• OS: macOS
• Browser (if applies) Arc Browser

Additional context

Supabase studio is obiously not intended to be used on small screens like mobile, but this happens when splitting screen on any standard monitor or laptop.

Thanks for the work, Supabase is awesome!

[liambirkin]

I'll take a look at this one