Nesting grids in MUI results in an unwanted row spacing in react.js ?

Make a main div inside grid and then again make sub div inside main div. After that you can adjust the row size and even the the positioning of main div.