Material UI <TextField/>不与其标签垂直对齐

import React from 'react';
import TextField from '@material-ui/core/TextField';
import { makeStyles } from '@material-ui/core/styles';

const useStyles = makeStyles({
  label: {
    top: 16, // 调整标签的位置
  },
  input: {
    padding: 8, // 调整输入框的内边距
  },
});

function AlignedTextField() {
  const classes = useStyles();

  return (
    <TextField
      label="Your Label"
      variant="outlined"
      InputLabelProps={{ className: classes.label }}
      InputProps={{ className: classes.input }}
    />
  );
}

export default AlignedTextField;