diff --git a/public/assets/tools/gigs.svg b/public/assets/tools/gigs.svg
index 7b2214e3..ade9b2b6 100644
--- a/public/assets/tools/gigs.svg
+++ b/public/assets/tools/gigs.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><g clip-path="url(#clip0_1273_48544)"><rect width="32" height="32" fill="#227681" rx="4"/><circle cx="-3.5" cy="-3.5" r="32.5" fill="url(#paint0_linear_1273_48544)" opacity=".45" style="mix-blend-mode:soft-light"/><path fill="#fff" fill-rule="evenodd" d="M11 8a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v1h2a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V12a3 3 0 0 1 3-3h2V8Zm-2 3a1 1 0 0 0-1 1v4.57A22.95 22.95 0 0 0 16 18c2.815 0 5.51-.505 8-1.43V12a1 1 0 0 0-1-1H9Zm10-2h-6V8a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1Zm5 9.692A24.971 24.971 0 0 1 16 20c-2.796 0-5.487-.46-8-1.308V22a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-3.308ZM15 16a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H16a1 1 0 0 1-1-1Z" clip-rule="evenodd"/></g><defs><linearGradient id="paint0_linear_1273_48544" x1="24.185" x2="-23.361" y1="13.352" y2="-29.38" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><clipPath id="clip0_1273_48544"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><g clip-path="url(#clip0_1273_48544)"><rect width="32" height="32" fill="#EF476F" rx="4"/><circle cx="-3.5" cy="-3.5" r="32.5" fill="url(#paint0_linear_1273_48544)" opacity=".45" style="mix-blend-mode:soft-light"/><path fill="#fff" fill-rule="evenodd" d="M11 8a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v1h2a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V12a3 3 0 0 1 3-3h2V8Zm-2 3a1 1 0 0 0-1 1v4.57A22.95 22.95 0 0 0 16 18c2.815 0 5.51-.505 8-1.43V12a1 1 0 0 0-1-1H9Zm10-2h-6V8a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1Zm5 9.692A24.971 24.971 0 0 1 16 20c-2.796 0-5.487-.46-8-1.308V22a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-3.308ZM15 16a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H16a1 1 0 0 1-1-1Z" clip-rule="evenodd"/></g><defs><linearGradient id="paint0_linear_1273_48544" x1="24.185" x2="-23.361" y1="13.352" y2="-29.38" gradientUnits="userSpaceOnUse"><stop stop-color="#fff"/><stop offset="1" stop-color="#fff" stop-opacity="0"/></linearGradient><clipPath id="clip0_1273_48544"><path fill="#fff" d="M0 0h32v32H0z"/></clipPath></defs></svg>
diff --git a/public/assets/tools/sprite.svg b/public/assets/tools/sprite.svg
index 481b19a9..dcd72689 100644
--- a/public/assets/tools/sprite.svg
+++ b/public/assets/tools/sprite.svg
@@ -1,7 +1,7 @@
 <svg width="0" height="0">
   <symbol xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 32 32" id="gigs">
     <g clip-path="url(#clip0_1273_48544)">
-      <rect width="32" height="32" fill="#227681" rx="4"></rect>
+      <rect width="32" height="32" fill="#EF476F" rx="4"></rect>
       <circle cx="-3.5" cy="-3.5" r="32.5" fill="url(#paint0_linear_1273_48544)" opacity=".45"></circle>
       <path fill="#fff" fill-rule="evenodd" d="M11 8a3 3 0 0 1 3-3h4a3 3 0 0 1 3 3v1h2a3 3 0 0 1 3 3v10a3 3 0 0 1-3 3H9a3 3 0 0 1-3-3V12a3 3 0 0 1 3-3h2V8Zm-2 3a1 1 0 0 0-1 1v4.57A22.95 22.95 0 0 0 16 18c2.815 0 5.51-.505 8-1.43V12a1 1 0 0 0-1-1H9Zm10-2h-6V8a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1Zm5 9.692A24.971 24.971 0 0 1 16 20c-2.796 0-5.487-.46-8-1.308V22a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-3.308ZM15 16a1 1 0 0 1 1-1h.01a1 1 0 1 1 0 2H16a1 1 0 0 1-1-1Z" clip-rule="evenodd"></path>
     </g>
diff --git a/src/lib/config/hosts.ts b/src/lib/config/hosts.ts
index 9e1d02e1..8ebdae49 100644
--- a/src/lib/config/hosts.ts
+++ b/src/lib/config/hosts.ts
@@ -35,3 +35,4 @@ export const TALENT_SEARCH_HOST: string = `https://talent-search.${TC_DOMAIN}`;
 export const ACCOUNT_SETTINGS_HOST: string = `https://account-settings.${TC_DOMAIN}`;
 export const WALLETAPP_HOST: string = `https://wallet.${TC_DOMAIN}`;
 export const COPILOT_PORTAL_HOST: string = `https://copilots.${TC_DOMAIN}`;
+export const ENGAGEMENT_PORTAL_HOST: string = `https://engagements.${TC_DOMAIN}`;
diff --git a/src/lib/config/nav-menu/all-nav-items.config.ts b/src/lib/config/nav-menu/all-nav-items.config.ts
index d02a2d90..24e461a5 100644
--- a/src/lib/config/nav-menu/all-nav-items.config.ts
+++ b/src/lib/config/nav-menu/all-nav-items.config.ts
@@ -13,6 +13,7 @@ import {
     WALLETAPP_HOST,
     WORK_MANAGER_HOST,
     AUTH0_AUTHENTICATOR_URL,
+    ENGAGEMENT_PORTAL_HOST,
 } from '..';
 
 export const allNavItems: {[key: string]: NavMenuItem} = {
@@ -111,6 +112,12 @@ export const allNavItems: {[key: string]: NavMenuItem} = {
         icon: 'challenges',
         description: 'Compete and earn money',
     },
+    engagementsApp: {
+        label: 'Engagement Portal',
+        url: ENGAGEMENT_PORTAL_HOST,
+        icon: 'gigs',
+        description: 'Work directly with clients',
+    },
     discordApp: {
         label: 'Discord',
         url: 'https://discord.com/invite/topcoder',
diff --git a/src/lib/config/nav-menu/tool-selector-nav-items.ts b/src/lib/config/nav-menu/tool-selector-nav-items.ts
index b9ec2934..9aceab55 100644
--- a/src/lib/config/nav-menu/tool-selector-nav-items.ts
+++ b/src/lib/config/nav-menu/tool-selector-nav-items.ts
@@ -39,6 +39,7 @@ export const toolSelectorNavItems: NavMenuItem = {
           groupOrder: 2,
           children: [
             allNavItems.challengesApp,
+            allNavItems.engagementsApp,
             allNavItems.review,
             allNavItems.payments,
             allNavItems.copilotPortal,
diff --git a/types/src/lib/config/hosts.d.ts b/types/src/lib/config/hosts.d.ts
index 761ec153..0c5526f8 100644
--- a/types/src/lib/config/hosts.d.ts
+++ b/types/src/lib/config/hosts.d.ts
@@ -18,3 +18,4 @@ export declare const TALENT_SEARCH_HOST: string;
 export declare const ACCOUNT_SETTINGS_HOST: string;
 export declare const WALLETAPP_HOST: string;
 export declare const COPILOT_PORTAL_HOST: string;
+export declare const ENGAGEMENT_PORTAL_HOST: string;