I am attempting to put my MUI datagrids in an MUI grid. However, my grid items do not seem to be going into grid format at all (ie all the DataTables are in one area, none of them are siding next to each other even though they take up less than half the space each on the page).

Here is my sandbox: https://codesandbox.io/s/silly-morning-gs58yh?file=/src/App.js

When the page is zoomed out or the side is widened, there is only one grid item per row.

Any thoughts or advice?