React Material-UI表单使垂直响应

Question

我正在学习React Material-UI并编写表单，但是现在该表单是水平的。我垂直需要它。

这是我的表格：

      <Grid item xs={12}>
          <form className={classes.container} noValidate autoComplete="on">
            <TextField
              id=""
              label="SSN"
              value={values.ssn}
              onChange={handleChange('ssn')}
              type="number"
              className={classes.textField}
              name='ssn'
            />
            <TextField
              id=""
              label="Phone"
              value={values.phone}
              onChange={handleChange('phone')}
              type="number"
              className={classes.textField}
              name='phone'
            />
            <TextField
              id=""
              label="Email"
              value={values.email}
              onChange={handleChange('email')}
              type="email"
              className={classes.textField}
              name='email'
            />

            <Button
              onClick={() => onSubmit()}
              variant="contained"
              color="primary"
              size="small"
              className={classes.button}
            >
              Save
            </Button>
          </form>
        </Grid>

我希望表格是垂直的，而不是水平的。

当前形式：

Screenshot of current form。但是我不喜欢我垂直需要它。如何使其垂直？