diff --git a/src/app/xtream-tauri/navigation/navigation.component.html b/src/app/xtream-tauri/navigation/navigation.component.html
index 3b3ca65e0..cb84ca5f7 100644
--- a/src/app/xtream-tauri/navigation/navigation.component.html
+++ b/src/app/xtream-tauri/navigation/navigation.component.html
@@ -85,8 +85,9 @@
     <mat-nav-list>
         <a
             mat-list-item
+            routerLink="./search"
             routerLinkActive="active"
-            (click)="pageClicked.emit('search')"
+            (click)="pageSwitch('search')"
         >
             <mat-icon matListItemIcon>search</mat-icon>
             <span matListItemTitle>{{
@@ -95,8 +96,9 @@
         </a>
         <a
             mat-list-item
+            routerLink="./recent"
             routerLinkActive="active"
-            (click)="pageClicked.emit('recent')"
+            (click)="pageSwitch('recent')"
         >
             <mat-icon matListItemIcon>history</mat-icon>
             <span matListItemTitle>{{
@@ -105,8 +107,9 @@
         </a>
         <a
             mat-list-item
+            routerLink="./favorites"
             routerLinkActive="active"
-            (click)="pageClicked.emit('favorites')"
+            (click)="pageSwitch('favorites')"
         >
             <mat-icon matListItemIcon>favorite</mat-icon>
             <span matListItemTitle>{{
diff --git a/src/app/xtream-tauri/navigation/navigation.component.ts b/src/app/xtream-tauri/navigation/navigation.component.ts
index f3f94e045..44a38923b 100644
--- a/src/app/xtream-tauri/navigation/navigation.component.ts
+++ b/src/app/xtream-tauri/navigation/navigation.component.ts
@@ -101,4 +101,9 @@ export class NavigationComponent {
             data: this.currentPlaylist(),
         });
     }
+
+    pageSwitch(page: 'search' | 'recent' | 'favorites') {
+        this.pageClicked.emit(page);
+        this.xtreamStore.setSelectedContentType(undefined);
+    }
 }