Кто-нибудь знает, почему моя бумага не остается в сетке? Материал-UI

Question

Кто-нибудь знает, почему моя бумага не остается в сетке?

<Grid container>
  <Grid item sm={6} >
    <Paper  elevation={3} className="Paper">
      <Tables ></Tables>
    </Paper>  
  </Grid>
</Grid>

.Paper {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 1em;

}

Answer 1

Как правило, он остался бы внутри сетки, это могло быть CSS, которое это делает.

Однако я бы рекомендовал вам использовать

<TableContainer component={Paper}></TableContainer>

Для использования таблицы сидит на бумаге.