Полоса прокрутки не является частью div

Question

Мой код CSS выглядит так:

.my-scrollable-component-style {
 overflow-y: auto;
 max-height: 368px;
 margin-bottom: 8px;
}

HTML выглядит так:

<div class="my-scrollable-component-style">
    <child-component>
    </child-component>
</div>

Прокрутка создана, но она не является частью div, вместо этого она отображается немногопрочь, как на следующем рисунке:

Как интегрировать скролл в диалоге? angularan