Material-ui网格不留任何间距

Question

我似乎无法弄清楚。我正在尝试将Grid组件与Material-UI一起使用，但是每当尝试尝试时，元素之间就没有间距。我尝试使用自己的代码，然后从教程网站上获取了一些代码，但都没有在元素之间产生所需的间距。

这是我使用的代码：

<Grid container spacing={40} justify="center">
    <Grid>
      <Card>
        <Typography component='h4' variant='h4'>Manager Login</Typography>
        <Button>Login</Button>
      </Card>
    </Grid>
    <Grid>
      <Card>
        <Typography component='h4' variant='h4'>User Login</Typography>
        <Button>Login</Button>
      </Card>
    </Grid>
  </Grid>

And this is what it produces

由于我知道我的代码不是最好的，所以我也尝试了reactgo的this教程，但遇到了同样的问题。

完整代码：https://pastebin.com/n6gnQN6B 代码沙箱：https://codesandbox.io/embed/interesting-mahavira-912zf