From 6c56a80dcf6639ffb4ea8bb6e47a61e13504c040 Mon Sep 17 00:00:00 2001
From: Arjunlal B <arjun@traceable.ai>
Date: Tue, 1 Jun 2021 10:47:20 +0530
Subject: [PATCH] fix: add active attribute along with mat-tab-link

---
 .../src/tabs/navigable/navigable-tab-group.component.ts    | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/projects/components/src/tabs/navigable/navigable-tab-group.component.ts b/projects/components/src/tabs/navigable/navigable-tab-group.component.ts
index 5c954ce83..2af298f24 100644
--- a/projects/components/src/tabs/navigable/navigable-tab-group.component.ts
+++ b/projects/components/src/tabs/navigable/navigable-tab-group.component.ts
@@ -15,7 +15,12 @@ import { NavigableTabComponent } from './navigable-tab.component';
         <ng-container *ngFor="let tab of this.tabs">
           <ng-container *ngIf="!tab.hidden">
             <div class="tab-button" *htIfFeature="tab.featureFlags | htFeature as featureState">
-              <ht-link mat-tab-link [paramsOrUrl]="buildNavParamsForTab | htMemoize: tab" class="tab-link">
+              <ht-link
+                mat-tab-link
+                [active]="activeTab === tab"
+                [paramsOrUrl]="buildNavParamsForTab | htMemoize: tab"
+                class="tab-link"
+              >
                 <ng-container *ngTemplateOutlet="tab.content"></ng-container>
                 <span *ngIf="featureState === '${FeatureState.Preview}'" class="soon-container">
                   <span class="soon">SOON</span>