Material ui 如何更改材质ui晶圆厂的高度？

我想编辑我的材料的宽度和高度ui晶圆厂按钮。我试图通过使用

classname

和应用

样式来更改它。宽度会改变，但我的问题是高度不会改变

这是css代码：

const dashboardStyles = makeStyles(theme => ({
    infoButton: {
        height: '20px', 
        width: '20px'
    }
}));

它会更改宽度，但不会更改高度。感谢您的帮助。
您可以使用材质ui制作样式：

import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import Fab from "@material-ui/core/Fab";
import AddIcon from "@material-ui/icons/Add";

const useStyles = makeStyles(theme => ({
  fab: {
    width: "80px",
    height: "80px"
  }
}));

export default function FloatingActionButton() {
  const classes = useStyles();

  return (
    <Fab className={classes.fab}>
      <AddIcon />
    </Fab>
  );
}

从“React”导入React；
从“@material ui/core/styles”导入{makeStyles}”；
从“@material ui/core/Fab”导入晶圆厂；
从“@material ui/icons/Add”导入AddIcon；
const useStyles=makeStyles（主题=>({
晶圆厂：{
宽度：“80px”，
高度：“80px”
}
}));
导出默认函数FloatingActionButton（）{
const classes=useStyles（）；
返回(
我对这一点还是新手，但这不会做同样的事情吗？同样，这与我做的事情是一样的，我会更新我的帖子。与你更新的帖子相比，它是一样的。但是正如你在我附加的代码沙盒链接中看到的，它是有效的。为了尝试了解你的代码有什么问题，你能在你使用这个fab的地方发布你的组件吗？