Высота не совпадает с вводом предваря, когда тип - текст / пароль

Question

У меня проблема в bootstrap prepend, когда я помещаю input = "text", рендеринг не совпадает с input = "password"

Экран:

Кто-нибудь знает, что случилось?

<label for="login" class="sr-only">Login :</label>
<div class="input-group mb-3">
    <div class="input-group-prepend">
    <span class="input-group-text" id="basic-addon1"><i class="fas fa-user"></i></span>
    </div>
    <input type="text" class="form-control" id="login" name="login" value="test" class="form-control" placeholder="Login" pattern=".{4,}" required title="Login" aria-describedby="basic-addon1" autofocus>
</div>
<label for="password" class="sr-only">Mot de passe :</label>
<div class="input-group mb-3">
  <div class="input-group-prepend">
    <span class="input-group-text" id="basic-addon1"><i class="fas fa-key"></i></span>
  </div>
  <input type="password" name="password" id="Password" class="form-control" placeholder="Mot de passe" aria-label="Mot de passe"  pattern=".{4,}" required title="Mot de passe" aria-describedby="basic-addon1" required>
</div>

Спасибо за вашу помощь