Получение одной дополнительной зеленой линии при использовании Material-UI в реакции

Question

Я использую Material-UI в своем приложении реакции, я просто копирую код поля ввода из документации, все в порядке, но есть одна дополнительная синяя линия. Подскажите пожалуйста как убрать эту строку

<div className={classes.margin}>
        <Grid container spacing={1} alignItems="flex-end">
          <Grid item>
            <AccountCircle />
          </Grid>
          <Grid item>
            <TextField id="input-with-icon-grid" label="With a grid" />
          </Grid>
        </Grid>
      </div>