Можно ли обернуть карту <mat-menu> нажатием кнопки, чтобы рассматривать их как одну карту?

Question

Хотелось бы узнать, есть ли возможность обернуть содержимое и кнопку, которая вызывает расширение, чтобы сделать их одной картой? На данный момент раскрывающийся список представляет собой одну карту в нижней части кнопки, на которой я запускаю раскрывающийся список. Есть ли способ обернуть их при открытии выпадающего списка, чтобы сделать их одной карточкой, а не отдельным содержимым и карточкой кнопки.

Я попытался добавить [class.mat-card] = "menuTrigger.menuOpen", но он добавляет отдельный класс mat-card к кнопке, а затем открывает раскрывающийся список с отдельной картой. Я совершенно нуб в Angular Material.

      <div class="NavbarUser"
           #menuTrigger="matMenuTrigger"
           [matMenuTriggerFor]="menu">
        <tl-mat-button
          [noPadding]="true"
          [colorTheme]="'linkGrey'"
          class="NavbarUserName tl-mat-padding-r- 
                 base">
            {{ input.user.fullName }}
        </tl-mat-button>

        <tl-mat-image-thumbnail
          class="Profile__Dropdown--Thumbnail"
          [size]="'small'"
          [thumbnailUrl]="input.user.thumbnailUrl"
        >
        </tl-mat-image-thumbnail>
        <mat-icon class="Profile__DropdownArrow--Icon">
          {{menuTrigger.menuOpen ? 'expand_less' : 'expand_more'}}
        </mat-icon>
        <mat-menu #menu="matMenu">
          <div><hr class="Profile__Dropdown--Separator" /></div>
          <button mat-menu-item
          *ngFor="let profileButton of input.dropDownPaths"
          [routerLink]="profileButton.relativeUrl">
            <img
              class="Profile__Dropdown--Icons"
              src="{{profileButton.iconUrl}}"/>
                <span class="Profile__Dropdown--Text">
                  {{profileButton.title}}
                </span>
          </button>
        </mat-menu>
      </div>

То, чего я пытаюсь добиться - это раскрывающийся список в профиле, чтобы расширить дополнительные параметры. Это должно выглядеть примерно так: https://codepen.io/cssmenumax/pen/vNXdeL Разница в том, что я хотел бы добавить фон карты только по клику, чтобы раскрыть раскрывающийся список. В начале это должно быть без какого-либо стиля. Можно ли этого добиться с помощью Angular Material? Заранее спасибо.