Сетка пользовательского интерфейса материала с использованием сопоставленных данных

Question

по какой-то причине данные, которые я отображаю и размещаю в сетке пользовательского интерфейса материалов, накладываются друг на друга в сетке, а не в строке. Код выглядит следующим образом:

             <Grid
              container
              direction='row'
              justify='center'
              alignItems='center'
              spacing={3}
            >
              <Grid item>
                <Card style={{ width: 100 }}>{user.name}</Card>
              </Grid>
            </Grid>