Update flare-ui/src/app/components/main/main.component.ts

flare-ui/src/app/components/main/main.component.ts

@@ -76,7 +76,7 @@ import { ActivityLogComponent } from '../activity-log/activity-log.component';
         </mat-toolbar-row>
       </mat-toolbar>
 
-      <nav mat-tab-nav-bar class="nav-tabs">
+      <nav mat-tab-nav-bar class="nav-tabs" #navBar="matTabNavBar">
         <a mat-tab-link
            routerLink="/user-info"
            routerLinkActive #rla1="routerLinkActive"
@@ -134,9 +134,12 @@ import { ActivityLogComponent } from '../activity-log/activity-log.component';
         </a>
       </nav>
 
-      <main class="content">
-        <router-outlet></router-outlet>
-      </main>
+      <mat-tab-nav-panel #tabPanel>
+        <main class="content">
+          <router-outlet></router-outlet>
+        </main>
+      </mat-tab-nav-panel>
+
     </div>
   `,
   styles: [`