unable to cover the entire table with colors after column resizing

[wwsskkaa]

Hi,
I have a following table (this is the codesandbox link https://codesandbox.io/s/amazing-jackson-q5so6?file=/src/App.js)
i set the width of the table to be 100%, but since the column is resizable, I can actually shrink the columns to be narrower than the whole table width. You can drag the blue resizer on the right of Info to make them less wide (as the screenshot below), as you can see, except the last row all other ones are red, but now I want the yellow and red to extend all the way to the table right border ( just like how the green on the header is extended to the table right border)

Does anyone know if it is possible? Thank you!