Make tab labels stretch to full width in material design for angular

Also, you can use mat-stretch-tabs property

<mat-tab-group mat-stretch-tabs>
     <mat-tab label="Signup">Content 1</mat-tab>
     <mat-tab label="Login">Content 2</mat-tab>
</mat-tab-group>

So after much research I found the answer: the labels can be targeted using the css class mat-tab-label however, since they are overlay components they cannot be styled in the component itself and the styles need to be on the global style sheet as explained here: https://material.angular.io/guide/customizing-component-styles There are additional solutions there as well. The css I actually used:

.mat-tab-label {
    width: 50%;
}