Проблема при попытке включить форму Allauth в шаблон django

У меня есть эта пользовательская форма

templates/account/signup.html

{% load i18n %}
<h2> custom {% trans "Sign Up" %}</h2>
<form class="max-w-[500px]" method="post" action="{% url 'account_signup' %}">
    {% csrf_token %}
    {{ form.non_field_errors }}
    <div class="form-group flex flex-row justify-between w-full mt-2 py-4 px-6 bg-white rounded-xl text-black">
        {{ form.username.label_tag }}
        {{ form.username }}
        {{ form.username.errors }}
    </div>
    <div class="form-group flex flex-row justify-between w-full mt-2 py-4 px-6 bg-white rounded-xl text-black">
        {{ form.email.label_tag }}
        {{ form.email }}
        {{ form.email.errors }}
    </div>
    <div class="form-group flex flex-row justify-between w-full mt-2 py-4 px-6 bg-white rounded-xl text-black">
        {{ form.password1.label_tag }}
        {{ form.password1 }}
        {{ form.password1.errors }}
    </div>
    <div class="form-group flex flex-row justify-between w-full mt-2 py-4 px-6 bg-white rounded-xl text-black">
        {{ form.password2.label_tag }}
        {{ form.password2 }}
        {{ form.password2.errors }}
    </div>
    <button type="submit" class="btn btn-primary mt-4">{% trans "Sign Up" %}</button>
</form>

когда открывается сам по себе, все работает как надо, но когда я пытаюсь включить это в base.html

<div role="tabpanel" class="tab-content bg-base-100 border-base-300 rounded-box p-6">
    {% include "account/signup.html" %}
</div>

форма выглядит следующим образом: включенная форма регистрации

Есть идеи, как это исправить?

Когда я открываю signup.html нормально

<a href="{% url 'account_signup' %}">Allauth Signup</a>

Форма выглядит нормально, и я могу создать новый аккаунт. Я хочу включить этот html в базовый шаблон, но по какой-то причине форма не отображается корректно.

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