New Table Container Horizontal Scrolling Issue

[klingkyle04]

I’m using the new table container element. I’m having an issue with horizontal scrolling when the table is too wide for the page.

The repeating row doesn’t have a problem with showing values when I scroll to the right to view all information. However, the header row does have a problem with displaying information - see below how it cuts off the black header at description.

What’s interesting is when I extend the width of my page to hiding a floating menu on the left side of my page. The header row reveals more of itself but still not everything.

It will display all rows within the header row if I set the table to a fixed width - but then it would extend my entire page to the right - doesn’t look good.

Any advice or is this a bug with the new table element? I don’t have this problem building traditional tables using repeating groups.