diff --git a/npm/ng-packs/packages/theme-basic/src/lib/components/nav-items/current-user.component.ts b/npm/ng-packs/packages/theme-basic/src/lib/components/nav-items/current-user.component.ts
index 54965c71e6..922ccdba39 100644
--- a/npm/ng-packs/packages/theme-basic/src/lib/components/nav-items/current-user.component.ts
+++ b/npm/ng-packs/packages/theme-basic/src/lib/components/nav-items/current-user.component.ts
@@ -1,5 +1,10 @@
-import { AuthService, ConfigStateService, CurrentUserDto } from '@abp/ng.core';
-import { Component } from '@angular/core';
+import {
+  AuthService,
+  ConfigStateService,
+  CurrentUserDto,
+  NAVIGATE_TO_MANAGE_PROFILE,
+} from '@abp/ng.core';
+import { Component, Inject } from '@angular/core';
 import { Observable } from 'rxjs';
 
 @Component({
@@ -35,7 +40,7 @@ import { Observable } from 'rxjs';
         aria-labelledby="dropdownMenuLink"
         [class.d-block]="smallScreen && currentUserDropdown.isOpen()"
       >
-        <a class="dropdown-item" routerLink="/account/manage-profile"
+        <a class="dropdown-item pointer" (click)="navigateToManageProfile()"
           ><i class="fa fa-cog mr-1"></i>{{ 'AbpAccount::ManageYourProfile' | abpLocalization }}</a
         >
         <a class="dropdown-item" href="javascript:void(0)" (click)="logout()"
@@ -52,7 +57,11 @@ export class CurrentUserComponent {
     return window.innerWidth < 992;
   }
 
-  constructor(private authService: AuthService, private configState: ConfigStateService) {}
+  constructor(
+    @Inject(NAVIGATE_TO_MANAGE_PROFILE) public navigateToManageProfile,
+    private authService: AuthService,
+    private configState: ConfigStateService,
+  ) {}
 
   navigateToLogin() {
     this.authService.navigateToLogin();