如何右对齐材料的垂直选项卡

Question

我有垂直的材质选项卡，如下图所示。

我想将这些标签放在右侧，将内容放在左侧。我该怎么办。

Stackblitz demo

我已经使用CSS flex实现了垂直制表符（在CSS下方使用）

:host /deep/ .mat-tab-group {
  flex-direction: row;
}
:host /deep/ .mat-tab-header {
  border-bottom: none;
}
:host /deep/ .mat-tab-header-pagination {
  display: none !important;
}
:host /deep/ .mat-tab-labels {
  flex-direction: column;
}
:host /deep/ .mat-ink-bar {
  height: 100%;
  left: 98% !important;
}
:host /deep/ .mat-tab-body-wrapper {
  flex: 1 1 auto;
}

我只想将标签放在页面的右侧