diff --git a/app/components/home-page/organization-dashboard/header/index.hbs b/app/components/home-page/organization-dashboard/header/index.hbs
index 2308384c19..d1fcd36f6f 100644
--- a/app/components/home-page/organization-dashboard/header/index.hbs
+++ b/app/components/home-page/organization-dashboard/header/index.hbs
@@ -2,8 +2,8 @@
 <AkAppbar
   local-class='navbar-root'
   @justifyContent='space-between'
-  @position='fixed'
   @elevation={{true}}
+  ...attributes
   data-test-organizationDashboardHeader
 >
   <AkStack @alignItems='center' @spacing='1.5'>
diff --git a/app/components/home-page/organization-dashboard/header/index.scss b/app/components/home-page/organization-dashboard/header/index.scss
index 52501f76bf..9a813b7a44 100644
--- a/app/components/home-page/organization-dashboard/header/index.scss
+++ b/app/components/home-page/organization-dashboard/header/index.scss
@@ -1,9 +1,8 @@
 .navbar-root {
-  width: calc(100% - 250px);
-  margin-left: 250px;
   padding: 0.65em 1em;
   background-color: var(--organization-dashboard-header-background-color);
   color: var(--organization-dashboard-header-text-color);
+  max-height: 4em;
 
   .navbar-btn {
     color: var(--organization-dashboard-header-text-color);
diff --git a/app/components/home-page/organization-dashboard/header/index.ts b/app/components/home-page/organization-dashboard/header/index.ts
index 08d7fe42b4..5e7b886dde 100644
--- a/app/components/home-page/organization-dashboard/header/index.ts
+++ b/app/components/home-page/organization-dashboard/header/index.ts
@@ -14,6 +14,7 @@ export interface HomePageOrganizationDashboardHeaderSignature {
     logoutAction: () => void;
     user: UserModel;
   };
+  Element: HTMLElement;
 }
 
 export default class HomePageOrganizationDashboardHeaderComponent extends Component<HomePageOrganizationDashboardHeaderSignature> {
diff --git a/app/components/home-page/organization-dashboard/index.hbs b/app/components/home-page/organization-dashboard/index.hbs
index 6ddd462d57..1173ca1adb 100644
--- a/app/components/home-page/organization-dashboard/index.hbs
+++ b/app/components/home-page/organization-dashboard/index.hbs
@@ -1,11 +1,21 @@
-<div local-class='organization-dashboard-root'>
+<div
+  local-class='organization-dashboard-root {{if
+    this.isSidebarCollapsed
+    "expanded"
+    "collapsed"
+  }}'
+>
   <HomePage::OrganizationDashboard::Header
+    local-class='dashboard-header'
     @user={{@user}}
     @logoutAction={{@logoutAction}}
   />
 
   <HomePage::OrganizationDashboard::SideNav
+    local-class='dashboard-sidenav'
     @isSecurityEnabled={{@isSecurityEnabled}}
+    @isCollapsed={{this.isSidebarCollapsed}}
+    @toggleSidebar={{this.toggleSidebar}}
   />
 
   <main local-class='dashboard-main'>
diff --git a/app/components/home-page/organization-dashboard/index.scss b/app/components/home-page/organization-dashboard/index.scss
index 09f0635d38..7ac87b6270 100644
--- a/app/components/home-page/organization-dashboard/index.scss
+++ b/app/components/home-page/organization-dashboard/index.scss
@@ -1,17 +1,37 @@
 .organization-dashboard-root {
   width: 100%;
+  display: grid;
+  grid-template-areas:
+    "sidenav topnav"
+    "sidenav main";
+  height: 100vh;
+  grid-template-rows: 4em auto;
+
+  &.expanded, &.collapsed {
+    transition: grid-template-columns 0.2s ease-in-out;
+  }
+
+  &.collapsed {
+    grid-template-columns: 56px auto;
+  }
+
+  &.expanded {
+    grid-template-columns: 250px auto;
+  }
 
   .dashboard-main {
-    width: calc(100% - 250px);
-    min-height: 100vh;
-    margin-left: 250px;
+    grid-area: main;
+    max-height: 100vh;
     padding: 0.5em;
     box-sizing: border-box;
+    overflow-y: auto;
+  }
+
+  .dashboard-header {
+    grid-area: topnav;
+  }
 
-    &::before {
-      content: '';
-      display: block;
-      height: 56px;
-    }
+  .dashboard-sidenav {
+    grid-area: sidenav;
   }
 }
diff --git a/app/components/home-page/organization-dashboard/index.ts b/app/components/home-page/organization-dashboard/index.ts
index c593d1afda..b499e0d3c9 100644
--- a/app/components/home-page/organization-dashboard/index.ts
+++ b/app/components/home-page/organization-dashboard/index.ts
@@ -1,6 +1,10 @@
+import { action } from '@ember/object';
+import { inject as service } from '@ember/service';
 import Component from '@glimmer/component';
+import { tracked } from '@glimmer/tracking';
 
 import UserModel from 'irene/models/user';
+import { removeCrispListeners, scaleCrispChatbox } from 'irene/utils/chat';
 
 export interface HomePageOrganizationDashboardSignature {
   Args: {
@@ -14,7 +18,31 @@ export interface HomePageOrganizationDashboardSignature {
   };
 }
 
-export default class HomePageOrganizationDashboardComponent extends Component<HomePageOrganizationDashboardSignature> {}
+export default class HomePageOrganizationDashboardComponent extends Component<HomePageOrganizationDashboardSignature> {
+  @tracked isSidebarCollapsed = false;
+  @service('browser/window') declare window: Window;
+
+  constructor(
+    owner: unknown,
+    args: HomePageOrganizationDashboardSignature['Args']
+  ) {
+    super(owner, args);
+
+    if (this.window.$crisp) {
+      this.window.$crisp.on('session:loaded', scaleCrispChatbox);
+    }
+  }
+
+  willDestroy() {
+    super.willDestroy();
+    removeCrispListeners();
+  }
+
+  @action
+  toggleSidebar() {
+    this.isSidebarCollapsed = !this.isSidebarCollapsed;
+  }
+}
 
 declare module '@glint/environment-ember-loose/registry' {
   export default interface Registry {
diff --git a/app/components/home-page/organization-dashboard/side-nav/index.hbs b/app/components/home-page/organization-dashboard/side-nav/index.hbs
index 52dffe305c..90aac9fafa 100644
--- a/app/components/home-page/organization-dashboard/side-nav/index.hbs
+++ b/app/components/home-page/organization-dashboard/side-nav/index.hbs
@@ -1,85 +1,135 @@
-<aside local-class='side-menu-root'>
-  <div local-class='app-logo'>
-    <ImgLogo />
-  </div>
+<aside
+  local-class='side-menu-root {{if @isCollapsed "expanded" "collapsed"}}'
+  ...attributes
+>
+  {{#if @isCollapsed}}
+    <div local-class='app-logo'>
+      <ImgLogo />
+    </div>
 
-  <AkList class='mt-2' as |akl|>
+  {{else}}
+    <div local-class='favicon-logo'>
+      <img src={{this.whitelabel.favicon}} alt={{this.whitelabel.name}} />
+    </div>
+  {{/if}}
+
+  <AkList local-class='side-menu-list' as |akl|>
     {{#each this.menuItems as |it|}}
-      <akl.listItem
-        @link={{true}}
-        @route={{it.route}}
-        @query={{it.query}}
-        @currentWhen={{it.currentWhen}}
-        @activeLinkClass={{this.classes.menuItemLinkActive}}
-        data-test-side-menu-item
-        data-test-side-menu='{{it.label}}'
-        @linkClass={{this.classes.menuItemLink}}
-        as |li|
-      >
-        <li.leftIcon>
-          <AkIcon
-            local-class='menu-item-icon'
-            data-test-side-menu-item-icon
-            @iconName={{it.icon}}
-          />
-        </li.leftIcon>
+      {{#unless it.component}}
+        <akl.listItem
+          @noGutters={{true}}
+          @link={{true}}
+          @route={{it.route}}
+          @query={{it.query}}
+          @currentWhen={{it.currentWhen}}
+          @activeLinkClass={{this.classes.menuItemLinkActive}}
+          data-test-side-menu-item
+          data-test-side-menu='{{it.label}}'
+          @linkClass={{this.classes.menuItemLink}}
+          as |li|
+        >
+          <AkTooltip
+            @disabled={{@isCollapsed}}
+            @color='dark'
+            @placement='right'
+            @arrow={{true}}
+            @title={{it.label}}
+            local-class='ak-tooltip'
+          >
+            <li.leftIcon>
+              {{#if it.icon}}
+                <AkIcon
+                  local-class='menu-item-icon'
+                  data-test-side-menu-item-icon
+                  @iconName={{it.icon}}
+                />
+              {{/if}}
+            </li.leftIcon>
 
-        <li.text
-          data-test-side-menu-item-text
-          @primaryText={{it.label}}
-          @primaryTextClass={{this.classes.menuItemText}}
-        />
+            {{#if @isCollapsed}}
+              <li.text
+                data-test-side-menu-item-text
+                @primaryText={{it.label}}
+                @primaryTextClass={{this.classes.menuItemText}}
+              />
+            {{/if}}
 
-        {{#if it.hasBadge}}
-          <AkStack @alignItems='center' @justifyContent='center'>
-            <AkChip
-              data-test-side-menu-item-badge
-              local-class='menu-item-badge'
-              @variant='filled'
-              @size='small'
-              @label={{it.badgeLabel}}
+            {{#if (and it.hasBadge @isCollapsed)}}
+              <AkStack @alignItems='center' @justifyContent='center'>
+                <AkChip
+                  data-test-side-menu-item-badge
+                  local-class='menu-item-badge'
+                  @variant='filled'
+                  @size='small'
+                  @label={{it.badgeLabel}}
+                />
+              </AkStack>
+            {{/if}}
+          </AkTooltip>
+        </akl.listItem>
+
+      {{else}}
+        <akl.listItem
+          @noGutters={{true}}
+          data-test-side-menu-item
+          data-test-side-menu='{{it.label}}'
+        >
+          {{#let (component it.component) as |Component|}}
+            <Component
+              @isCollapsed={{@isCollapsed}}
+              @classes={{this.classes}}
             />
-          </AkStack>
-        {{/if}}
-      </akl.listItem>
+          {{/let}}
+        </akl.listItem>
+      {{/unless}}
     {{/each}}
+  </AkList>
 
-    {{#if @isSecurityEnabled}}
-      <akl.listItem @noGutters={{true}} data-test-side-menu-item as |li|>
-        <a
-          class={{this.classes.menuItemLink}}
-          href='/security/projects'
-          target='_blank'
-          rel='noopener noreferrer'
+  <AkList local-class='lower-menu' as |akl|>
+    {{#each this.lowerMenuItems as |lmi|}}
+      <akl.listItem
+        @noGutters={{true}}
+        class={{this.classes.menuItemLink}}
+        local-class='{{lmi.menuItemLinkClass}}'
+        {{on 'click' lmi.onClick}}
+        as |li|
+      >
+        <AkTooltip
+          @color='dark'
+          @placement='right'
+          @arrow={{true}}
+          @title={{lmi.title}}
+          @disabled={{@isCollapsed}}
+          local-class='ak-tooltip'
         >
           <li.leftIcon>
-            <AkIcon
-              local-class='menu-item-icon'
-              data-test-side-menu-item-icon
-              @iconName='security'
-            />
-          </li.leftIcon>
+            {{#if lmi.enablePendo}}
+              <div
+                id={{if lmi.enablePendo 'ak-pendo-version-container'}}
+                local-class='menu-item-icon'
+              />
 
-          <li.text
-            data-test-side-menu-item-text
-            @primaryText={{t 'securityDashboard'}}
-            @primaryTextClass={{this.classes.menuItemText}}
-          />
+            {{else if lmi.icon}}
+              <AkIcon
+                @iconName={{lmi.icon}}
+                local-class='menu-item-icon {{lmi.iconClass}}'
+              />
+            {{/if}}
+          </li.leftIcon>
 
-          <li.rightIcon>
-            <AkIcon local-class='menu-item-icon' @iconName='open-in-new' />
-          </li.rightIcon>
-        </a>
+          {{#if @isCollapsed}}
+            <li.text
+              @primaryText={{lmi.title}}
+              @primaryTextClass={{lmi.textClass}}
+            />
+          {{/if}}
+        </AkTooltip>
       </akl.listItem>
-    {{/if}}
+
+      {{#if lmi.divider}}
+        <AkDivider local-class='lower-menu-divider' />
+      {{/if}}
+    {{/each}}
   </AkList>
 
-  <div
-    id={{if this.enablePendo 'ak-pendo-version-container'}}
-    local-class='product-version 
-      {{if this.enablePendo "pendo-version-padding"}}'
-  >
-    {{t 'version'}}
-    {{this.productVersion}}
-  </div>
 </aside>
\ No newline at end of file
diff --git a/app/components/home-page/organization-dashboard/side-nav/index.scss b/app/components/home-page/organization-dashboard/side-nav/index.scss
index 0602f53d67..04de26ebbc 100644
--- a/app/components/home-page/organization-dashboard/side-nav/index.scss
+++ b/app/components/home-page/organization-dashboard/side-nav/index.scss
@@ -1,30 +1,63 @@
 .side-menu-root {
-  display: flex;
-  flex-direction: column;
+  width: 100%;
+  height: 100vh;
   padding-top: 1em;
+  padding-bottom: 1em;
   box-sizing: border-box;
-  position: fixed;
   z-index: var(--organization-dashboard-side-nav-zIndex);
-  width: 250px;
-  height: 100%;
-  top: 0;
   background-color: var(--organization-dashboard-side-nav-bg-color);
   box-shadow: var(--organization-dashboard-side-nav-box-shadow);
   border-right: var(--organization-dashboard-side-nav-border);
-  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+
+  &.expanded {
+    .app-logo {
+      padding-top: 5em;
+      padding-bottom: 5em;
 
-  .app-logo {
-    margin-top: 1em;
+      img {
+        max-width: 56%;
+        max-height: 9em;
+        margin: auto;
+      }
+    }
+  }
 
-    img {
-      max-width: 56%;
-      max-height: 9em;
-      margin: auto;
+  &.collapsed {
+    .side-menu-list {      
+      justify-content: center;
     }
   }
 
-  .menu-item-link {
+
+  .favicon-logo {
+    max-width: 35px;
+    max-height: 35px;
+    margin: auto;
+
+    .img {
+      object-fit: contain;
+    }
+  }
+
+  .side-menu-list {
+    display: flex;
+    flex-direction: column;
+    overflow-y: auto;
+    flex: 1;
+    align-items: center;
+    padding: 1.5em 0;
+    box-sizing: border-box;
+  }
+
+  .ak-tooltip {
+    display: flex;
+    width: 100%;
     padding: 0.7em 1em;
+  }
+
+  .menu-item-link {
     display: flex;
     width: 100%;
 
@@ -32,7 +65,7 @@
     &:focus {
       background-color: var(
         --organization-dashboard-side-nav-item-hover-background
-      );
+      ) !important;
     }
 
     &.active {
@@ -76,11 +109,6 @@
       }
     }
 
-    .menu-item-icon,
-    .menu-item-text {
-      color: var(--organization-dashboard-side-nav-text-color) !important;
-    }
-
     .menu-item-badge {
       height: 18px !important;
       background-color: var(
@@ -95,20 +123,49 @@
     }
   }
 
+  .menu-item-icon,
+  .menu-item-text {
+    color: var(--organization-dashboard-side-nav-text-color) !important;
+  }
+
   .submission-container {
     height: 100%;
   }
 
-  .product-version {
-    position: absolute;
-    right: 1em;
-    bottom: 1.5em;
-    text-align: right;
-    color: var(--organization-dashboard-side-nav-text-secondary);
-    font-size: 0.8rem;
+  .lower-menu {
+    display: flex;
+    flex-direction: column;
+
+    .lower-menu-divider {
+      width: 90%;
+      align-self: center;
+      opacity: 0.5;
+      margin-top: 0.5em;
+      margin-bottom: 0.5em;
+    }
+
+    .pendo-icon {
+      height: 18px;
+      width: 18px;
+    }
+
+    .rotated-icon {
+      transform: rotate(180deg);
+    }
+  
+    .lower-menu-chat {
+      color: var(--organization-dashboard-side-nav-text-primary) !important;
+    }
+
+    .no-hover {
+      &:hover,
+      &:focus {
+        background-color: transparent !important;
+      }
+    }
 
-    &.pendo-version-padding {
-      padding-right: 2em;
+    .align-end {
+      align-items: flex-end;
     }
   }
 }
diff --git a/app/components/home-page/organization-dashboard/side-nav/index.ts b/app/components/home-page/organization-dashboard/side-nav/index.ts
index 2969d33ff6..bb319e9510 100644
--- a/app/components/home-page/organization-dashboard/side-nav/index.ts
+++ b/app/components/home-page/organization-dashboard/side-nav/index.ts
@@ -8,21 +8,39 @@ import OrganizationService from 'irene/services/organization';
 import IntegrationService from 'irene/services/integration';
 import IntlService from 'ember-intl/services/intl';
 import ConfigurationService from 'irene/services/configuration';
+import WhitelabelService from 'irene/services/whitelabel';
+import { action } from '@ember/object';
+import * as chat from 'irene/utils/chat';
 
 export interface HomePageOrganizationDashboardSideNavSignature {
   Args: {
     isSecurityEnabled?: boolean;
+    isCollapsed: boolean;
+    toggleSidebar: () => void;
   };
+  Element: HTMLElement;
 }
 
 interface MenuItem {
   label: string;
-  icon: string;
-  route: string;
+  icon?: string;
+  route?: string;
   query?: Record<string, string | number>;
   currentWhen?: string;
   hasBadge?: boolean;
   badgeLabel?: string;
+  component?: string;
+}
+
+interface LowerMenuItem {
+  title: string;
+  icon?: string;
+  divider?: boolean;
+  onClick: () => void;
+  enablePendo?: boolean;
+  iconClass?: string;
+  textClass?: string;
+  menuItemLinkClass?: string;
 }
 
 export default class HomePageOrganizationDashboardSideNavComponent extends Component<HomePageOrganizationDashboardSideNavSignature> {
@@ -31,6 +49,8 @@ export default class HomePageOrganizationDashboardSideNavComponent extends Compo
   @service declare integration: IntegrationService;
   @service declare intl: IntlService;
   @service declare configuration: ConfigurationService;
+  @service declare whitelabel: WhitelabelService;
+  @service('browser/window') declare window: Window;
 
   showMarketplace = ENV.enableMarketplace;
   productVersion = ENV.productVersion;
@@ -46,7 +66,7 @@ export default class HomePageOrganizationDashboardSideNavComponent extends Compo
   get menuItems() {
     return [
       {
-        label: this.intl.t('projects'),
+        label: this.intl.t('allProjects'),
         icon: 'folder',
         route: 'authenticated.projects',
         hasBadge: true,
@@ -103,9 +123,46 @@ export default class HomePageOrganizationDashboardSideNavComponent extends Compo
         hasBadge: true,
         badgeLabel: this.intl.t('beta'),
       },
+      this.args.isSecurityEnabled && {
+        label: this.intl.t('security'),
+        component:
+          'home-page/organization-dashboard/side-nav/security-menu-item' as const,
+      },
     ].filter(Boolean) as MenuItem[];
   }
 
+  get lowerMenuItems() {
+    return [
+      {
+        title: this.intl.t('chatSupport'),
+        icon: 'chat-bubble',
+        onClick: this.openChatBox,
+        iconClass: 'lower-menu-chat',
+        textClass: styles['lower-menu-chat'],
+      },
+      {
+        title: this.versionText,
+        icon: this.enablePendo ? null : 'info',
+        enablePendo: this.enablePendo,
+        onClick: this.showGuide,
+        divider: true,
+        iconClass: 'pendo-icon',
+        textClass: styles['menu-item-text'],
+        menuItemLinkClass: this.enablePendo ? '' : 'no-hover',
+      },
+      {
+        title: this.args.isCollapsed
+          ? this.intl.t('collapse')
+          : this.intl.t('expand'),
+        icon: 'keyboard-tab',
+        onClick: this.args.toggleSidebar,
+        textClass: styles['menu-item-text'],
+        iconClass: this.args.isCollapsed ? 'rotated-icon' : '',
+        menuItemLinkClass: 'align-end',
+      },
+    ].filter(Boolean) as LowerMenuItem[];
+  }
+
   /**
    * @property {Boolean} isShowAnalytics
    * Property to disable analytics page for member role
@@ -139,6 +196,32 @@ export default class HomePageOrganizationDashboardSideNavComponent extends Compo
   get enablePendo() {
     return this.integration.isPendoEnabled();
   }
+
+  get versionText() {
+    const version = this.productVersion;
+    const translated = this.intl.t('version');
+    return `${translated} - ${version}`;
+  }
+
+  @action async showGuide() {
+    if (this.enablePendo) {
+      try {
+        const guide = this.window.pendo
+          .getActiveGuides()
+          .find(function (element) {
+            return element.launchMethod === 'auto-badge';
+          });
+
+        await guide?.show();
+      } catch (e) {
+        console.error(e);
+      }
+    }
+  }
+
+  @action openChatBox() {
+    chat.openChatBox();
+  }
 }
 
 declare module '@glint/environment-ember-loose/registry' {
diff --git a/app/components/home-page/organization-dashboard/side-nav/security-menu-item/index.hbs b/app/components/home-page/organization-dashboard/side-nav/security-menu-item/index.hbs
new file mode 100644
index 0000000000..c6ebda8f2f
--- /dev/null
+++ b/app/components/home-page/organization-dashboard/side-nav/security-menu-item/index.hbs
@@ -0,0 +1,36 @@
+<a
+  href='/security/projects'
+  target='_blank'
+  rel='noopener noreferrer'
+  class={{@classes.menuItemLink}}
+  data-test-side-menu-item
+>
+  <AkTooltip
+    @color='dark'
+    @placement='right'
+    @arrow={{true}}
+    @title={{t 'securityDashboard'}}
+    @disabled={{@isCollapsed}}
+    local-class='ak-tooltip'
+  >
+    <AkList::ItemIcon @rightGutter={{true}}>
+      <AkIcon
+        data-test-side-menu-item-icon
+        @iconName='security'
+        class={{@classes.menuItemText}}
+      />
+    </AkList::ItemIcon>
+
+    {{#if @isCollapsed}}
+      <AkList::ItemText
+        data-test-side-menu-item-text
+        @primaryText={{t 'securityDashboard'}}
+        @primaryTextClass={{@classes.menuItemText}}
+      />
+
+      <AkList::ItemIcon @leftGutter={{true}}>
+        <AkIcon @iconName='open-in-new' class={{@classes.menuItemText}} />
+      </AkList::ItemIcon>
+    {{/if}}
+  </AkTooltip>
+</a>
\ No newline at end of file
diff --git a/app/components/home-page/organization-dashboard/side-nav/security-menu-item/index.scss b/app/components/home-page/organization-dashboard/side-nav/security-menu-item/index.scss
new file mode 100644
index 0000000000..c5d8c237a9
--- /dev/null
+++ b/app/components/home-page/organization-dashboard/side-nav/security-menu-item/index.scss
@@ -0,0 +1,5 @@
+.ak-tooltip {
+   display: flex;
+   width: 100%;
+   padding: 0.7em 1em;
+}
\ No newline at end of file
diff --git a/app/components/home-page/organization-dashboard/side-nav/security-menu-item/index.ts b/app/components/home-page/organization-dashboard/side-nav/security-menu-item/index.ts
new file mode 100644
index 0000000000..271cae1962
--- /dev/null
+++ b/app/components/home-page/organization-dashboard/side-nav/security-menu-item/index.ts
@@ -0,0 +1,21 @@
+import Component from '@glimmer/component';
+
+export interface OrganizationDashboardSideNavSecurityMenuItemSignature {
+  Args: {
+    isCollapsed: boolean;
+    classes: {
+      menuItemText?: string;
+      menuItemLink?: string;
+      menuItemLinkActive?: string;
+    };
+  };
+  Element: HTMLElement;
+}
+
+export default class OrganizationDashboardSideNavSecurityMenuItemComponent extends Component<OrganizationDashboardSideNavSecurityMenuItemSignature> {}
+
+declare module '@glint/environment-ember-loose/registry' {
+  export default interface Registry {
+    'HomePage::OrganizationDashboard::SideNav::SecurityMenuItem': typeof OrganizationDashboardSideNavSecurityMenuItemComponent;
+  }
+}
diff --git a/app/services/integration.ts b/app/services/integration.ts
index 979b51ba6a..0fc56586bb 100644
--- a/app/services/integration.ts
+++ b/app/services/integration.ts
@@ -57,6 +57,7 @@ export default class IntegrationService extends Service {
   // this window.CRISP_WEBSITE_ID is retrieved from configuration module
   async installCrisp() {
     const window = this.window;
+    // @ts-expect-error crisp type issue
     window.$crisp = [];
     window.CRISP_WEBSITE_ID = this.crispToken;
     const d = this.document;
diff --git a/app/styles/_component-variables.scss b/app/styles/_component-variables.scss
index 69265f81de..c7d3e7faba 100644
--- a/app/styles/_component-variables.scss
+++ b/app/styles/_component-variables.scss
@@ -293,6 +293,7 @@ body {
   --organization-dashboard-side-nav-font-weight-medium: var(
     --font-weight-medium
   );
+  --organization-dashboard-side-nav-text-primary: var(--primary-main);
   --organization-dashboard-side-nav-text-secondary: var(--text-secondary);
   --organization-dashboard-side-nav-item-active-badge-background: var(
     --primary-main
diff --git a/app/styles/_icons.scss b/app/styles/_icons.scss
index 62f617c224..6ceb06e2b5 100644
--- a/app/styles/_icons.scss
+++ b/app/styles/_icons.scss
@@ -502,3 +502,11 @@
 .ak-icon-desktop-windows {
   @extend .mi-desktop-windows;
 }
+
+.ak-icon-chat-bubble {
+  @extend .mi-chat-bubble;
+}
+
+.ak-icon-keyboard-tab {
+  @extend .mi-keyboard-tab;
+}
\ No newline at end of file
diff --git a/app/utils/chat.ts b/app/utils/chat.ts
index 1126cab931..9d07d0c0b7 100644
--- a/app/utils/chat.ts
+++ b/app/utils/chat.ts
@@ -20,3 +20,33 @@ export function openChatBox() {
 function crispExists() {
   return window.$crisp && window.$crisp.push;
 }
+
+export function removeCrispListeners() {
+  window.$crisp.push(['off', 'session:loaded']);
+  window.$crisp.push(['off', 'chat:opened']);
+  window.$crisp.push(['off', 'chat:closed']);
+}
+
+function getChatButtonElement() {
+  return document.querySelector('#crisp-chatbox > div > a') as HTMLElement;
+}
+
+export function scaleCrispChatbox() {
+  if (crispExists()) {
+    let crispButton = getChatButtonElement();
+
+    if (crispButton) {
+      crispButton.style.transform = 'scale(0)';
+
+      window.$crisp.on('chat:opened', () => {
+        crispButton = getChatButtonElement();
+
+        crispButton.style.transform = 'scale(1)';
+      });
+
+      window.$crisp.on('chat:closed', () => {
+        crispButton.style.transform = 'scale(0)';
+      });
+    }
+  }
+}
diff --git a/public/images/favicon.ico b/public/images/favicon.ico
index b99c9a3666..635e24ab1c 100644
Binary files a/public/images/favicon.ico and b/public/images/favicon.ico differ
diff --git a/tests/integration/components/home-page/organization-dashboard/side-nav-test.js b/tests/integration/components/home-page/organization-dashboard/side-nav-test.js
index de4ac0a38e..e8bfd83ced 100644
--- a/tests/integration/components/home-page/organization-dashboard/side-nav-test.js
+++ b/tests/integration/components/home-page/organization-dashboard/side-nav-test.js
@@ -39,7 +39,7 @@ const menuItems = ({
   sbom,
 }) =>
   [
-    { label: 't:projects:()', icon: 'folder', hasBadge: true },
+    { label: 't:allProjects:()', icon: 'folder', hasBadge: true },
     appMonitoring && { label: 't:appMonitoring:()', icon: 'inventory-2' },
     sbom && { label: 't:SBOM:()', icon: 'receipt-long' },
     analytics && { label: 't:analytics:()', icon: 'graphic-eq' },
@@ -128,6 +128,10 @@ module(
       ) {
         this.setProperties({
           isSecurityEnabled: security,
+          isCollapsed: true,
+          toggleSidebar: () => {
+            this.isCollapsed = !this.isCollapsed;
+          },
         });
 
         const me = this.owner.lookup('service:me');
@@ -146,7 +150,7 @@ module(
         };
 
         await render(
-          hbs`<HomePage::OrganizationDashboard::SideNav @isSecurityEnabled={{this.isSecurityEnabled}} />`
+          hbs`<HomePage::OrganizationDashboard::SideNav @isSecurityEnabled={{this.isSecurityEnabled}} @isCollapsed={{this.isCollapsed}} @toggleSidebar={{this.toggleSidebar}} />`
         );
 
         assert.dom('[data-test-img-logo]').exists();
@@ -183,10 +187,87 @@ module(
       }
     );
 
+    test.each(
+      'it should show collapsed menu if isCollapsed is false',
+      [
+        { owner: true, admin: true, ...sections(true) },
+        { owner: true, admin: true, ...sections(false) },
+        { owner: false, admin: true, ...sections(true) },
+        { owner: false, admin: true, ...sections(false) },
+        { owner: false, admin: false, ...sections(true) },
+        { owner: false, admin: false, ...sections(false) },
+      ],
+      async function (
+        assert,
+        {
+          owner,
+          admin,
+          billing,
+          partner,
+          market,
+          appMonitoring,
+          security,
+          sbom,
+        }
+      ) {
+        this.setProperties({
+          isCollapsed: false,
+          isSecurityEnabled: security,
+          toggleSidebar: () => {
+            this.isCollapsed = !this.isCollapsed;
+          },
+        });
+
+        const me = this.owner.lookup('service:me');
+
+        me.org.is_owner = owner;
+        me.org.is_admin = admin;
+        me.org.can_access_partner_dashboard = partner;
+
+        ENV.enableMarketplace = market;
+
+        this.organization.selected.billingHidden = !billing;
+
+        this.organization.selected.features = {
+          app_monitoring: appMonitoring,
+          sbom,
+        };
+
+        await render(
+          hbs`<HomePage::OrganizationDashboard::SideNav @isSecurityEnabled={{this.isSecurityEnabled}} @isCollapsed={{this.isCollapsed}} @toggleSidebar={{this.toggleSidebar}} />`
+        );
+
+        const menuItemEle = findAll('[data-test-side-menu-item]');
+
+        menuItems({
+          analytics: owner || admin,
+          billing: owner && billing,
+          market,
+          appMonitoring,
+          partner,
+          security,
+          sbom,
+        }).forEach((it, index) => {
+          assert
+            .dom('[data-test-side-menu-item-icon]', menuItemEle[index])
+            .hasClass(`ak-icon-${it.icon}`);
+        });
+      }
+    );
+
     test('it should hide sbom link in side menu if org is an enterprise', async function (assert) {
       this.owner.register('service:configuration', ConfigurationStub);
 
-      await render(hbs`<HomePage::OrganizationDashboard::SideNav />`);
+      this.setProperties({
+        isCollapsed: true,
+        toggleSidebar: () => {
+          this.isCollapsed = !this.isCollapsed;
+        },
+      });
+
+      await render(
+        hbs`<HomePage::OrganizationDashboard::SideNav @isCollapsed={{this.isCollapsed}} @toggleSidebar={{this.toggleSidebar}}  />`
+      );
 
       assert.dom(`[data-test-side-menu='t:SBOM:()']`).doesNotExist();
     });
diff --git a/translations/en.json b/translations/en.json
index 05a5fe9cd6..1a7a966b19 100644
--- a/translations/en.json
+++ b/translations/en.json
@@ -112,6 +112,7 @@
   "changedMandatoryMFA": "Changed MFA setting",
   "checking": "Checking",
   "complianceInsights": "Compliance Insights",
+  "chatSupport": "Chat Support",
   "chooseAFile": "Choose a file to compare",
   "chipStatus": {
     "active": "ACTIVE",
@@ -137,6 +138,7 @@
   "closeModal": "Exit Full Screen",
   "collaboratorRemoved": "Removed Collaborator",
   "collaborators": "Collaborators",
+  "collapse": "Collapse",
   "comingSoon": "Coming soon",
   "comment": "Comment",
   "comments": "Comments",
@@ -290,6 +292,7 @@
   "errored": "Errored",
   "errorMessage": "Error message",
   "excelReport": "Excel Report",
+  "expand": "Expand",
   "experimentalFeature": "Experimental Feature",
   "expired": "Expired ",
   "expiredOn": "Expired on",
diff --git a/translations/ja.json b/translations/ja.json
index 4d79d0834a..71a0e4baf5 100644
--- a/translations/ja.json
+++ b/translations/ja.json
@@ -112,6 +112,7 @@
   "changedMandatoryMFA": "Changed MFA setting",
   "checking": "Checking",
   "complianceInsights": "Compliance Insights",
+  "chatSupport": "Chat Support",
   "chooseAFile": "比較するファイルを選択してください",
   "chipStatus": {
     "active": "ACTIVE",
@@ -137,6 +138,7 @@
   "closeModal": "全画面を終了",
   "collaboratorRemoved": "Removed Collaborator",
   "collaborators": "Collaborators",
+  "collapse": "Collapse",
   "comingSoon": "Coming soon",
   "comment": "Comment",
   "comments": "Comments",
@@ -290,6 +292,7 @@
   "errored": "Errored",
   "errorMessage": "Error message",
   "excelReport": "Excel Report",
+  "expand": "Expand",
   "experimentalFeature": "Experimental Feature",
   "expired": "期限切れ",
   "expiredOn": "Expired on",
diff --git a/types/irene/index.d.ts b/types/irene/index.d.ts
index d84c6bedba..a15f7254e4 100644
--- a/types/irene/index.d.ts
+++ b/types/irene/index.d.ts
@@ -57,9 +57,26 @@ declare global {
 
   type CsbAnalyticsData = CsbAnalyticsFeatureData | CsbAnalyticsLoginData;
 
+  interface CrispInstance {
+    push: (...args: unknown[]) => void;
+    show: (...args: unknown[]) => void;
+    on: (...args: unknown[]) => void;
+    off: (...args: unknown[]) => void;
+  }
+
+  interface PendoInstance {
+    getActiveGuides: () => PendoGuide[];
+  }
+
+  interface PendoGuide {
+    show: () => Promise<boolean>;
+    launchMethod: 'auto-badge';
+  }
+
   interface Window {
     FreshworksWidget: (...args: unknown[]) => void;
-    $crisp: unknown[];
+    $crisp: CrispInstance;
+    pendo: PendoInstance;
     CRISP_WEBSITE_ID: string;
     fwSettings: { widget_id: string };
     analytics?: CsbAnalytics;