Элемент аккордеона заставляет двигаться всю страницу

При открытии длинного текстового аккордеона вся страница (или весь div) немного смещается. Прилагаю небольшое видео, чтобы наглядно показать проблему здесь.

У меня аккордеоны отображают информацию из цикла шаблонизатора django, вот код шаблона:

<div class="accordion accordion-borderless" id="accordion_{{ forloop.counter }}">
    <div class="accordion-item">
    <h2 class="accordion-header" id="heading_{{ forloop.counter }}">
        <button
        class="accordion-button collapsed"
        type="button"
        data-mdb-toggle="collapse"
        data-mdb-target="#collapse_{{ forloop.counter }}"
        aria-expanded="false"
        aria-controls="collapse_{{ forloop.counter }}"
        >
        {{event.title}}
        </button>
        <div id="collapse_{{ forloop.counter }}" class="accordion-collapse collapse" aria-labelledby="heading_{{ forloop.counter }}" data-mdb-parent="#accordion_{{ forloop.counter }}">
            <div class="accordion-body">
                {{event.description|safe}}
            </div>
        </div>
    </div>
</div>

Что вызывает это движение и как его можно решить?

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