材质UI元素添加自定义边距

Question

我有一个尝试使用Material UI输入元素的项目。但是，当我尝试添加一些自定义样式时，无法在元素周围添加边距。我还添加了背景色，以尝试元素是否已变为scss样式。背景颜色有效，但我似乎没有足够的余量。

以下是输入元素的示例：

import styles from "./registration.module.scss";

...

<TextField
            className={styles.formElement}
            id="name"
            label="Familienaam"
            variant="outlined"
            value={this.state.name}
            onChange={(e) => this.handleInputChanged("name", e.target.value)}
            helperText={
              this.state.errorMessage.name && this.state.errorMessage.name
            }
            error={!!this.state.errorMessage.name}
          />

这是具有样式的scss文件。

.formElement {
  margin: 10rem 10rem;
  background-color: blue;
}