12 Angular Материал Мат вкладки в 2 ряда, как мне этого добиться?

Question

`<mat-tab-group mat-stretch-tabs animationDuration="100ms">
  <br>
  <mat-tab label="Events">

 <app-events></app-events>


  </mat-tab>
  <mat-tab label="Venues">

 <app-clubs></app-clubs>


    </mat-tab>




  <mat-tab label="Festivals">

 <app-events></app-events>

  </mat-tab>

  <mat-tab label="Concerts">

 <app-events></app-events>

  </mat-tab> 
    <mat-tab label="Restaurants">

 <app-events></app-events>
</mat-tab> 
<mat-tab label="Karaokes">

<app-events></app-events>

  </mat-tab> 
</mat-tab-group><mat-tab-group mat-stretch-tabs animationDuration="100ms">
  <br>
  <mat-tab label="Events">

 <app-events></app-events>


  </mat-tab>
  <mat-tab label="Venues">

 <app-clubs></app-clubs>


    </mat-tab>




  <mat-tab label="Festivals">

 <app-events></app-events>

  </mat-tab>

  <mat-tab label="Concerts">

 <app-events></app-events>

  </mat-tab> 
    <mat-tab label="Restaurants">

 <app-events></app-events>
</mat-tab> 
<mat-tab label="Karaokes">

<app-events></app-events>

  </mat-tab> 
</mat-tab-group>
`<mat-tab-group mat-stretch-tabs animationDuration="100ms">
  <br>
  <mat-tab label="Events">

 <app-events></app-events>


  </mat-tab>
  <mat-tab label="Venues">

 <app-clubs></app-clubs>


    </mat-tab>




  <mat-tab label="Festivals">

 <app-events></app-events>

  </mat-tab>

  <mat-tab label="Concerts">

 <app-events></app-events>

  </mat-tab> 
    <mat-tab label="Restaurants">

 <app-events></app-events>
</mat-tab> 
<mat-tab label="Karaokes">

<app-events></app-events>

  </mat-tab> 
</mat-tab-group><mat-tab-group mat-stretch-tabs animationDuration="100ms">
  <br>
  <mat-tab label="Events">

 <app-events></app-events>


  </mat-tab>
  <mat-tab label="Venues">

 <app-clubs></app-clubs>


    </mat-tab>




  <mat-tab label="Festivals">

 <app-events></app-events>

  </mat-tab>

  <mat-tab label="Concerts">

 <app-events></app-events>

  </mat-tab> 
    <mat-tab label="Restaurants">

 <app-events></app-events>
</mat-tab> 
<mat-tab label="Karaokes">

<app-events></app-events>

  </mat-tab> 
</mat-tab-group>

` Щелкните здесь для изображения Я пытаюсь использовать 12 матовых вкладок в 2 рядах с материалом angular. Как этого добиться, если явно выбрана только одна матовая вкладка?

Предоставленный код состоит из 12 отдельных вкладок в 2 по 6 штук в каждой. Я могу показать это так, потому что верхняя выбранная вкладка пуста.

Если вставить 12 в один контейнер, появится слайдер, который я не хочу