Horizontal scroll bar missing when toggle full screen activated

[annshome2]

I am using the Material React Table to manage data with 20 columns, page option sizes of [15, 25, 50, 100] and anywhere between 500 and 2500 rows.
In standard use, the horizontal and vertical scrollbars on the table work correctly. The problem occurs when I click on toggle full screen.
When that happens, the vertical scroll bar remains, however, there is 'only' a horizontal scrollbar if the page is smaller than the size of the screen. If the page is larger than the size of the screen, the vertical toggle ends at the last row; no scrollbar is visible.
Can you advise on what settings may be causing this, or how can I get the horizontal scroll bar to work in full screen mode?

[annshome2]

I found a workaround. The issue was caused by the TableContainer not taking into account the scrollbar in the max-height. I resolved this by adding a styling property that set the max-height to what I needed.

 const table = useMaterialReactTable({
        .
        .
        .
    muiTableContainerProps: {      
      style:{
        maxHeight: 'calc(-150px + 100vh)' // secret sauce that makes the x scrollbar visible on toggle full screen
      }    
    },