Reactjs 网格项不缩小以适应包含的可滚动列表

我正在try 让包含可滚动列表的网格项缩小，这样Back按钮就在列表下方.

以下是代码和指向CodeSandbox的链接.列表周围有很多网格和方框组件.这些都是来自其他父组件的摘录，为了简单起见，我将它们都放在一个文件中.

https://codesandbox.io/s/y2c9sn?file=/src/App.js个

import * as React from "react";
import {
  Box,
  Button,
  Grid,
  List,
  ListItem,
  ListItemText,
  ListItemButton,
  AppBar,
  Toolbar,
  Typography,
} from "@mui/material";

const usersList = [
  "user1",
  "user2",
  "user3",
  "user4",
  "user5",
  "user6",
  "user7",
  "user8",
  "user9",
  "user10",
];

function App() {
  return (
    <Box
      sx={{
        display: "flex",
        justifyContent: "center",
        height: "100vh",
      }}
    >
      <Grid container justifyContent="center">
        <Grid item xs={12} md={8}>
          <AppBar position="static">
            <Toolbar>
              <Typography variant="h6">Scrollable List</Typography>
            </Toolbar>
          </AppBar>
        </Grid>

        <Grid item xs={12} md={8}>
          <Box>
            <Grid container justifyContent="center">
              <Grid item xs={12}>
                <List sx={{ maxHeight: "50%", overflow: "auto" }}>
                  {usersList.map((user, index) => {
                    return (
                      <ListItem disablePadding key={index}>
                        <ListItemButton>
                          <ListItemText>{user}</ListItemText>
                        </ListItemButton>
                      </ListItem>
                    );
                  })}
                </List>
              </Grid>
            </Grid>
            <Grid container justifyContent="center">
              <Grid item xs={8}>
                <Button
                  name="back"
                  variant="contained"
                  color="primary"
                  value="back"
                  fullWidth
                  size="small"
                >
                  Back
                </Button>
              </Grid>
            </Grid>
          </Box>
        </Grid>
      </Grid>
    </Box>
  );
}

export default App;

链接到CodeSandbox https://y2c9sn.csb.app/个