SignInForm.styles.ts

import { createStyles, makeStyles, Theme } from '@material-ui/core/styles';

export const signInFormStyles = makeStyles((theme: Theme) =>
  createStyles({
    root: {
      '& > *': {
        margin: theme.spacing(0),
      },
    },
    form: {
      width: '100%', // Fix IE 11 issue.
      marginTop: theme.spacing(1),
    },
    submit: {
      margin: theme.spacing(3, 0, 2),
    },
    paddingTop: {
      paddingTop: theme.spacing(10),
    },
    paddingBottom: {
      paddingBottom: theme.spacing(10),
    },
  }),
);