Угловой материал: закусочная спрятана за компонентом с высоким z-индексом

Итак, я немного поигрался с Angular и хотел добавить в свое приложение закусочную материала на случай ошибки в моем приложении.

Итак, у меня есть домашняя страница, и моя навигация представляет собой оверлей с z-индексом 3000. В навигации есть возможность войти в систему (см. Рисунок ниже). Я ввел неверные данные журнала специально, чтобы запустить обработчик ошибок и отобразить панель закусок.

Закусочная действительно появляется. Однако он скрыт за навигацией. Как сделать так, чтобы он отображался над навигацией? Я попытался добавить z-index 10000 в scss компонента, который обрабатывает снэк-бар, с помощью следующего кода:

* {
z-index: 10000;
}

и

::root {
z-index: 10000;
}

Но ничего не вышло. Кто-нибудь знает как это сделать?

App.component.ts: пользовательская навигация - это то место, где я обрабатываю вход в систему. Уведомления содержат логику для закусочной

<navigation></navigation>
<user-navigation>

</user-navigation>
<router-outlet></router-outlet>
<notifications></notifications>

Notifications.component.ts, это работает, он открывает снэк-бар, но он скрыт за пользовательской навигацией

import { Component, OnInit } from '@angular/core';
import {MatSnackBar} from '@angular/material';
import {NotificationService} from '../services/notification.service';

@Component({
  selector: 'notifications',
  templateUrl: './notifications.component.html',
  styleUrls: ['./notifications.component.css']
})
export class NotificationsComponent implements OnInit {

  constructor(public snackBar: MatSnackBar, private notificationService: NotificationService) { }

  ngOnInit() {
    this.notificationService.notification$
        .subscribe((message) => {
          console.info('received the notification', message);
          this.openSnackBar(message);
        });
  }

  openSnackBar(message: string, action?: string) {
    setTimeout(() => {
      this.snackBar.open(message, action, {
        duration: 20000
      });
    }, 0);
  }
}

Это страница входа в систему. Домашняя страница находится за этим и не видна из-за высокого z-индекса, который я дал навигации.

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