Невозможно применить выравнивание текста к компоненту ввода пользовательского интерфейса материала, но все остальное работает

Question

Когда я проверяю, кажется, что все стили ввода, которые я создал, на самом деле идут к внешнему элементу Div. Но другие стили работают, поэтому я не уверен, что происходит?

const useStyles = makeStyles(theme => ({
  formControl: {
    ...
  },
  label: {
    ...
  },
  input: {
    color: "black",
    '