mat-dialog Глобальный стиль полосы прокрутки не применяется

Question

У меня есть несколько стилей полосы прокрутки, установленных в моем файле styles.s css. См. Код ниже.

Однако, когда я открываю диалоговое окно mat, пользовательский стиль полосы прокрутки не применяется, он просто показывает обычную полосу прокрутки.

Есть идеи?

// Scroll bars
body::-webkit-scrollbar-track
{
  background-color: var(--border);
  width: 10px;
}

body::-webkit-scrollbar
{
    width: 10px;
    background-color: var(--border);
}

body::-webkit-scrollbar-thumb
{
    width: 10px;
    background-color: var(--blue);
}