Центрирующий мат-вкладка-группа

У меня есть 2 ярлыка, и я хочу, чтобы они были посередине. Angular Material предоставляет простой класс mat-align-tabs = "center", который вообще не работает. Я искал в Интернете решения для md, старой версии Material. Удивлен, что никто не сталкивался с такой же проблемой.

HTML:

<mat-tab-group [(selectedIndex)] = "selectedTabIndex"  mat-align-tabs = "center">
    <mat-tab id = "Wyszuk" label = "Wyszukiwanie" *ngIf = "!leadOffer.isSent">
      <app-offer-search-candidates [offerId] = "leadOffer.id" [leadId] = "leadId" [offer] = "leadOffer"
        [candidatesToVerification] = "candidatesToVerificationDataSource.data" [awaitingCandidates] = "awaitingCandidatesDataSource.data"
        (addCandidatesToVerification) = "onAddCandidatesToVerification($event)" (addAwaitingCandidates) = "onAddAwaitingCandidates($event)"
        (addCandidatesToCart) = "onAddCandidatesToCart($event)" (searchSave) = "onSearchSave($event)">
      </app-offer-search-candidates>
    </mat-tab>

    <mat-tab label = "Koszyk ofertowy">
      <app-offer-cart [dataSource] = "candidatesDataSource" [searchModel] = "searchModel" [readOnly] = "leadOffer.isSent"
        [attachmentsDataSource] = "attachmentsDataSource" (refresh) = "onRefreshCandidates()" (removeCandidates) = "onRemoveCandidatesFromCart($event)"
        (sendOffer) = "onSendOffer($event)" (removeAllCandidates) = "onRemoveAllCandidates()" (removeCart) = "onRemoveCart()"
        (generateOffer) = "onGenerateOffer()" (attachmentsLoaded) = "onAttachmentsLoaded($event)" (removeAttachments) = "onRemoveAttachments($event)"
        (generateCvs) = "onGenerateCvs($event)" (updateProjectRole) = "onUpdateProjectRole($event)" (updateSuggestedPrice) = "onUpdateSuggestedPrice($event)"
        (candidateCvLoaded) = "onCandidateOfferCvLoaded($event)">
      </app-offer-cart>
    </mat-tab>
</mat-tab-group>