Question: I want to increase my tab width like shown in below image,but not sure how to do this in angular-material.

Please help
[![enter image description here](https://i.stack.imgur.com/baHN6.jpg)](https://i.stack.imgur.com/baHN6.jpg)

Answer: 
You can check all options for `md-tabs` in the official doc [md-tabs doc](https://material.angularjs.org/1.1.1/api/directive/mdTabs).

```
md-stretch-tabs mobile      desktop
auto            stretched   ---
always          stretched   stretched
never           ---         ---

<md-tabs md-stretch-tabs="always">
  <md-tab label="Tab #1"></md-tab>
  <md-tab label="Tab #2"></md-tab>
  <md-tab label="Tab #3"></md-tab>
</md-tabs>

```

**In Angular Material version 6.0.1**

```
<mat-tab-group mat-stretch-tabs="always">
  <mat-tab label="Tab 1">Content 1</mat-tab>
  <mat-tab label="Tab 2">Content 2</mat-tab>
</mat-tab-group>

```
[Doc Angular Material - Tabs](https://material.angularjs.org/1.1.1/api/directive/mdTabs)

This default behavior can be overridden through the md-stretch-tabs attribute. Here is a table showing when stretching will occur:

**md-stretch-tabs** 

use ***always***