Изменение интервала mat-tab-group при щелчке по вкладкам

Я использую материал с angular4 Когда используется код ниже. он показывает вкладки правильно но когда я переключаю вкладки, нажимая на любую вкладку, пробелы между вкладками меняются он становится широким узким, как если бы применялся некоторый гибкий стиль пространства между пространством вокруг и т. д. я не добавил никаких дополнительных стилей. Я использую этот компонент ниже внутри <mat-sidenav-content>, если это имеет значение.

<mat-tab-group [@.disabled] = "true">
  <mat-tab label = "Overview">
    <div>{{routeData.overview}}</div>
  </mat-tab>
  <mat-tab label = "API">
    <div>{{routeData.api}}</div>
  </mat-tab>
  <mat-tab label = "Examples">
    <div>{{routeData.examples}}</div>
  </mat-tab>
</mat-tab-group>