Как отключить добавление мобильных классов к некоторым элементам

Question

Я использую matTooltip:

<a *ngFor="let card of cards"
   [routerLink]="['./', card.id]"
   routerLinkActive #rla="routerLinkActive">
  <mat-icon class="dot"
            matTooltip="{{card.name}}"
            matTooltipPosition="below"
            [ngClass]="{'active': rla.isActive}">
    dot
  </mat-icon>
</a>

И все выглядит хорошо:

Но когда я использовал ширину экрана менее 900 пикселей, яесть большая подсказка:

Я вижу дополнительный класс, я имею в виду .mat-tooltip-handset:

<div class="mat-tooltip ng-trigger ng-trigger-state mat-tooltip-handset" ng-reflect-klass="mat-tooltip" style="transform-origin: center top 0px; transform: scale(1);">
    Users
</div>

Я могу создать пользовательский .mat-tooltip-handset и изменить стиль по умолчанию, но я хочу отключить добавление этого класса.Как отключить добавление .mat-tooltip-handset?