mui grid item full width code example
Example: stretch grid column to fit page mui
return (
<Grid container direction={"row"}>
<Grid item style={{width: '500px'}}></Grid>
<Grid item xs></Grid>
// the bottom one will stretch
</Grid>
)