ичок в Angular 2 Material и пытаюсь настроить стиль компонента md-menu.

<md-icon class="material-icons" [mdMenuTriggerFor]="menu">dehaze</md-icon>
<md-menu #menu="mdMenu" [overlapTrigger]="false">
  <button md-menu-item>Item 1</button>
  <button md-menu-item>Item 2</button>
</md-menu>

Предустановленные настройки стиля работают нормально (например, установив неперекрывающееся меню), но я хотел бы установить md-меню на 100% ширины и иметь небольшое пространство между кнопкой md-icon, которая расширяет меню, которое я не может сделать спредопределенные директивы от Angular 2 Material.

До сих пор я нашел решение с помощью команды / deep / css, но я прочитал, что эта команда больше не поддерживается основными браузерами.

Как правильно настроить компонент Angular 2 Material? Как я могу оформить мое md-меню, чтобы оно имело 100% ширину и некоторое пространство между расширяющейся кнопкой?

Чтобы проиллюстрировать, о чем я говорю:Проект меню