Angular material: create a divider between mat-tab-labels

I have a tab group with three tabs aligned left. I want to add a group of buttons, on the mat tab group, aligned right. I tried using fxFlex to create a divider between the tabs and the buttons but it doesn't seem to work.

Does anyone know how else I could go about it?

What i have:

What i want to achieve:

Code:

<mat-tab-group mat-align-tabs="start">
<mat-tab label="Items">Content</mat-tab>
<mat-tab label="Properties">Content</mat-tab>
<mat-tab label="Subcategories">Content</mat-tab>

<!-- <mat-tab disabled fxFlex></mat-tab> Tried to add a disabled tab as a divider here, but it doesnt flex -->

<mat-tab disabled>
<ng-template mat-tab-label>
<!-- <div fxFlex></div> Tried to add a div with flex here, doesnt work -->
<!-- Buttons here -->
</ng-template>

</mat-tab-group>

Continue reading...