reactjs-如何减少选择和选项列表之间的差距

我正在使用来自 mui 的基本选择并修改了选择的高度。之后选择和下拉列表之间存在间隙。

如何降低这个高度？

我试图修复它覆盖 .MuiPaper-root

<Select

          // labelId="demo-simple-select-label"

          id="demo-simple-select"

          value={age}

          // label="Age"

          onChange={handleChange}

          sx={{

            minWidth: "300px",

            height: "30px",

            "& .MuiPaper-root": { // this has no effect on bringing the options list closer to the <select>

              top: "10px"

            }

          }}

以上修复不起作用。

这是相同的代码 https://codesandbox.io/s/mui-basic-select-4rdq61