[Data grid] Fix excessive white space at the end of grid

[kalyan90]

• I have followed (at least) the PR section of the contributing guide.

This PR is created to address #14816

Unable to attach labels to the PR, can someone please help with attaching the component: data grid & bug & docs labels

[mui-bot]

Deploy preview: https://deploy-preview-14864--material-ui-x.netlify.app/

Generated by 🚫 dangerJS against 9c569bb

[kalyan90]

@romgrk can you please look at these changes when you have time?

[romgrk]

Did you have a reproduction case to test this with? Could you share it here in a codesandbox? You can fork a codesandbox from any example from the docs in the deploy for this PR.

[kalyan90]

@romgrk it is replicable on the docs https://mui.com/x/react-data-grid/demo/.
Also argos CI step was failing please help with that

[romgrk]

Where in the docs?

[kalyan90]

screen-capture.1.webm

recording for reference

[romgrk]

I can't reproduce on chrome/linux with the demo in that recording, although I can reproduce the original issue at https://mui.com/material-ui/getting-started/templates/dashboard/.

Is there a way you could isolate the issue on the template dashboard and put it in a codesandbox? The code change makes sense, but I don't have a way to test that the issue is fixed.
Alternatively, maybe someone else on macOS can reproduce the issue @mui/xgrid?

[kalyan90]

@romgrk please find the codesandbox link for template dashboard with fix https://codesandbox.io/p/sandbox/cranky-river-zvdr3t?from-embed=&workspaceId=da680cdb-77a3-4ab2-8045-3eb83f570a91. I've published the data-grid packages to my personal npm (will delete them once this testing is completed).

[kalyan90]

@cherniavskii @romgrk I don't have write access, can you please help merge the PR