Grid2 container is not taking 100% of the width

[shifoc]

Steps to reproduce

https://codesandbox.io/embed/tkzhz4?module=/src/Demo.tsx

import * as React from 'react';
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
import { Accordion, AccordionDetails, AccordionSummary, Typography, Grid2 as Grid, Box} from '@mui/material';

export default function AccordionUsage() {
  return (
    <div>
      <Accordion>
        <AccordionSummary
          expandIcon={<ExpandMoreIcon />}
          aria-controls="panel1-content"
          id="panel1-header"
        >
          <Grid container justifyContent="space-between">
            <Grid size={4}>
              <Typography>part 1</Typography>
            </Grid>
            <Grid size={8}>
              <Typography>part 2</Typography>
            </Grid>
          </Grid>
        </AccordionSummary>
        <AccordionDetails>
          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse
          malesuada lacus ex, sit amet blandit leo lobortis eget.
        </AccordionDetails>
      </Accordion>
    </div>
  );
}

Current behavior

No response

Expected behavior

No response

Context

No response

Your environment

No response

Search keywords: Grid2

[sai6855]

Duplicate of #44201

@shifoc can you try what's recommended here #44201 (comment)?