mat-tab-nav-bar is not showing arrow to scroll the tabs in horizontal

Question

I am working on Angular Material V7. I am expecting the same behavior of Mat-tab-group for mat-tab-nav-bar. In mobile view mat-tab-nav-bar is not showing arrow to scroll the tabs in horizontal.

<nav mat-tab-nav-bar>
    <a mat-tab-link *ngFor="let link of navLinks"
                    [routerLink]="link.path" routerLinkActive 
                    #rla="routerLinkActive"
                    [active]="rla.isActive" matTooltip="{{ link.label }}">
                    {{ link.label }}
    </a>
</nav>

How can I fix this issue?