在材质ui中为按钮添加边距时，gridlist将撤消一列

Question

因此，当我的按钮上没有空白时，它们会被正确分配。但是，当我在按钮上放置边距时，它们可以正确映射，但减少到一列。这不是问题，因为我可以添加一个额外的列，但是它将在应有的位置留出空白。

<GridList
spacing= {10}
cellHeight= "auto"
cols= {3}>
{this.state.curArray.map((name, i) => (
    <Button
        key= {i}
        variant="contained"
        color= {"primary"}
        style={
            {fontSize: '25px'}
        }    
        size= "large"
        children= {name}
        onClick= {() => {
            this.updateChoices(name);
        }}
    />
    ))}    

mui主题：

    const theme = createMuiTheme({
  palette: {
    primary: {
      main: "#0cc73e",
    },
    secondary: {
      main: "#ffc400",
    },
    type: "dark"
  },

  overrides: {
    MuiButton:{
      contained:{
        margin: "1px"
      }
    }
  }
});

这是编译时的样子： 1