Обновление bootstrap изменило стилистику формы

У меня есть Django forms с crispy forms. Я обновился с bootstrap 4.0 до последней версии 5.1.3. Я исправил большинство изменений, но не могу понять, почему изменился стиль формы.

Вы видите, что расстояние между полями формы сильно изменилось. Как мне исправить это, чтобы выглядеть как в bootstrap 4.0

код:

    <div class="loginout-section">
    <form method="POST">
        {% csrf_token %}
        <fieldset class="form-group">
            <legend class="border-bottom mb-4">Log In</legend>
            {{ form|crispy }}
        </fieldset>
        <div class="form-group">
            <button class="login-register-btn" type="submit">Login</button>
        </div>
    </form>
    <div class="border-top pt-3">
        <small class="text-muted">
            Need An Account? <a class="ml-2" href="{% url 'register' %}">Sign Up Now</a>
        </small>
        <div class="inline">
            <small class="text-muted">
                Forgot Password? <a class="ml-2" href="{% url 'reset_password' %}">Reset Password</a>
           </small>
        </div>
    </div>
</div>

Обновление:

Если я настрою формы, как в документации, и вручную отображу поля, я смогу добиться того, чтобы все выглядело так, как ожидается.

код:

<div class="mb-3">
  {{form.username | as_crispy_field}}
</div>
<div class="mb-3">
  {{form.password | as_crispy_field}}
</div>

Однако одна из моих форм имеет около 200 полей, и не представляется возможным обернуть каждое поле в <div class="mb-3"></div> все еще ищем подходящее решение

.form-group {
  margin-bottom: 1rem;
}

.form-inline .form-control {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.form-row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -5px;
  margin-left: -5px;
}

label {
  margin-bottom: 0.5rem;
}