How to fix error when collapsing Collapse?

Question

Bootstrap

There is this code:

<div class="card-header" id="headingOne">
    <div class="mb-0">
        <button class="btn btn-link btn-accordion-info-header" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne">Состав и размер</button>
    </div>
    <div class="collapse" id="collapseOne" aria-labelledby="headingOne" data-parent="#accordionInfo">
        <div class="card-body accordion-card-content">
            <ul class="composition">
                <li class="composition__item">Роза кустовая пионовидная 3 шт
                </li>
                <li class="composition__item">Альстромерия 2 шт
                </li>
                <li class="composition__item">Хризантема кустовая 3 шт
                </li>
                <li class="composition__item">Эустома (лизиантус) 2 шт
                </li>
                <li class="composition__item">Фисташки зелень 5 шт
                </li>
                <li class="composition__item">Озотамнус 2 шт
                </li>
                <li class="composition__item">Гербера мини 3 шт
                </li>
                <li class="composition__item">Пленка
                </li>
                <li class="composition__item">Лента
                </li>
            </ul>
        </div>
    </div>
</div>

When you click on a buttoncollapsed element .collapse, it expands along with all the anomalies, but when you click again, the element collapses for a moment and returns to the expanded state. As a result, I tracked down what is .collapsenot deleted .show. How can this be fixed?