diff --git a/APP/src/app/portals/user-portal/components/user-header/user-header.component.ts b/APP/src/app/portals/user-portal/components/user-header/user-header.component.ts
index 73a706a..2d638b2 100644
--- a/APP/src/app/portals/user-portal/components/user-header/user-header.component.ts
+++ b/APP/src/app/portals/user-portal/components/user-header/user-header.component.ts
@@ -100,7 +100,7 @@ export class UserHeaderComponent implements OnInit, OnDestroy {
         {
           text: 'Settings',
           icon: 'settings',
-          click: () => this.router.navigate(['/user-portal/account'])
+          disabled: true
         },
         { separator: true },
         {
diff --git a/APP/src/app/portals/user-portal/user-portal.component.ts b/APP/src/app/portals/user-portal/user-portal.component.ts
index 48e0c89..8e0dbe5 100644
--- a/APP/src/app/portals/user-portal/user-portal.component.ts
+++ b/APP/src/app/portals/user-portal/user-portal.component.ts
@@ -21,6 +21,7 @@ import {
   xIcon,
   chevronDownIcon,
   lockIcon,
+  gearIcon,
 } from '@progress/kendo-svg-icons';
 import { AuthService, UserInfo } from '../../shared/services/auth.service';
 import { PageHeaderService } from '../../shared/services/page-header.service';
@@ -145,6 +146,7 @@ export class UserPortalComponent implements OnInit, OnDestroy {
 
   public personalNavItems: NavItem[] = [
     { text: 'My Reimbursements', icon: walletOutlineIcon, path: '/user-portal/reimbursements' },
+    { text: 'Account Settings', icon: gearIcon, path: '/user-portal/account' },
   ];
 
   public showMemberAdminSection = false;