Bootstrap - d-flex продолжает изменять ширину полей ввода

У меня есть страница, на которой пользователи могут изменить свой пароль, она была создана путем модификации страницы сброса пароля Django. В настоящее время я использую d-flex для стилизации полей ввода для изменения пароля, однако в случае, если критерий пароля не удовлетворяется, выводится сообщение об ошибке. К сожалению, ширина этих сообщений приводит к изменению ширины полей ввода. Может ли кто-нибудь помочь предотвратить это? В идеале мне нужны сообщения об ошибках, чтобы пользователь мог определить свои ошибки, и я также хочу, чтобы ширина этих полей ввода была фиксированного размера.

Ниже я приведу используемый код, а также несколько скриншотов до и после, если мое объяснение было недостаточно ясным.

        <div class="container" v-for="u in user">
            <div class="contentContainer">
                <h4>Change Password</h4>
                <div class="d-flex justify-content-center align-items-center">
                    <form method="POST">
                        {% csrf_token %}
                        {{ form }}
                        <button type="submit" class="btn btn-primary mt-3">Save changes</button>
                    </form>
                </div>
            </div>

Снимок экрана

Снимок экрана

Спасибо за уделенное время, Алекс

Вернуться на верх