no horizontal scrollbar showing up when resizing columns to be wider than the available table width

[wwsskkaa]

The bug
version: (latest 7.5.0)
behavior: no Scrollbar showing up when trying to resize columns to be wider than the window when using block layout, the seems like the inner column is extended longer than the table with width 100%(already added overflow but doesn't seem to work)
Here is a giphy showing the problem https://media.giphy.com/media/QWufRAan7oc5YA1gsO/giphy.gif

Provide an example via Codesandbox! (required)
Use a new react-table codesandbox to reproduce the issue.

Steps To Reproduce (required)
Steps to reproduce the behavior:

1. Click and drag the resizer on the right of (Info)/(Profile Progress) column header to the right to make it longer than the available window width.
2. Or try to shrink the window width to make the inner table longer than window width
3. both 1/2 u can see the problem

Screenshots
Here is a giphy showing the problem https://media.giphy.com/media/QWufRAan7oc5YA1gsO/giphy.gif

Expected behavior (Recommended)
I am expecting the below:
the horizontal scrollbar should show up when the columns were resized to be wider and the table is wider than the available window.
This is a link to a demo using react-table older versions, and here is a [https://media.giphy.com/media/kcNJbuuojSAEC7ieR5/giphy.gif]

Desktop (please complete the following information):

• Browser: chrome ( this is the only one I have tried on, if needed I will try on other browsers)
• Version 84.0.4147.105 (Official Build) (64-bit)

Additional context
This is one of the resizable column examples I forked from the react-table site, I have set the table width to be 100%, and give each columns some minWidth and width. I have also tried to add the overflow in the code but it doesn't seem working at all.