在最后一个项目和第二个项目之间有意外的空格。
我的解决方法是使用普通文本而不是排版

重现步骤🕹

这是我的代码

<Grid container direction="column" spacing={2}>
      <Grid item>
        <Typography variant="h1">Test</Typography>
      </Grid>
      <Grid item>
        <Grid container alignItems="center" style={{ border: '1px solid red' }}>
          <Grid item xs={2}>
            <Typography variant="body1">Testing Column 1</Typography>
          </Grid>
          <Grid item xs={4}>
            <Typography variant="body1">Testing Column 1</Typography>
          </Grid>
          <Grid item xs={6}>
            <Typography variant="body1">Testing Column 1</Typography>
          </Grid>
        </Grid>
      </Grid>
      <Grid item>Issue Here</Grid>
    </Grid>

如果你能调查一下我会很感激的。