diff --git a/src/components/sidebar/SideNavBar.tsx b/src/components/sidebar/SideNavBar.tsx
index 959fbcb7..e69c4bf3 100644
--- a/src/components/sidebar/SideNavBar.tsx
+++ b/src/components/sidebar/SideNavBar.tsx
@@ -1,7 +1,7 @@
 import React, { useState } from 'react';
 import Typography from '@navi/web-ui/lib/primitives/Typography/index';
 import cx from 'classnames';
-import { useLocation } from 'react-router-dom';
+import { Link, useLocation } from 'react-router-dom';
 // styles
 import styles from './SideNavBar.module.scss';
 // functions, components and utlis
@@ -262,9 +262,9 @@ function SideNavBar({ isDc97User, isHRCChatUser }: ISideNavbarProps) {
         onMouseLeave={() => setShowLogout(false)}
       >
         <div className={styles.logoContainer}>
-          <a href={isTeamLead ? '/' : '#'}>
+          <Link to={'/'}>
             <NaviNewLogoIcon size={'md'} className={styles.naviLogo} />
-          </a>
+          </Link>
           {/* <div className={styles.horizontalProgress}>
             <HorizontalProgress className={styles.ProgressBar} percentage={percentage} />
             <div className={styles.progressIndicator}>