Responsive design issue (titles and columns)

This is the sample image https://i.imgur.com/WaVVBuD.jpg

Please notice that you can set the width of each column on our settings page.
I suspect that every column has a width for the WooCommerce overview. In that case, it leaves no room for the other (custom) columns making them behave as in your example. Giving the column a width will probably partially fix the issue although it might be browser-specific how the columns are actually divided.

Admin Columns Pro has a feature that allows you to make the column horizontally scrollable. It might be a good solution to show more columns while not having a space issue on the overview.

https://www.admincolumns.com/columns-sets-horizontal-scrolling/