Как вставить прокрутку в таб-контент?

Question

Мне нужно вставить прокрутка в TAB-CONTENT и NOT IN BODY !

Я уже вставил overflow: scroll в .tab-content и .tab-pane, но свиток не появляется.Единственный способ, которым я могу это сделать, это вставить высоту в .tab-content, но это не то, что я хочу!

Проблема с вставкой высоты в .tab-content заключается в том, что мне нужно создать другую высоту длякаждое устройство, и даже тогда оно не будет работать хорошо.

HTML

<main id="pills-tabs-section">
    <div class="tab-content">
        <div role="tabpanel" id="nav-tabs-horizontal-pills-register" class="tab-pane fade show active" aria-labelledby="nav-tabs-horizontal-pills-register"></div>
    </div>
</main>

SASS

@mixin global-tab-content-table {
    .tab-content {
        @extend %scroll-vertical;



        .tab-pane {
            @extend %scroll-vertical;
            background-color: blue;


            @content;



        }
    }
}