diff --git a/ui/src/components/template/Logo.tsx b/ui/src/components/template/Logo.tsx
index 92c7c5c9..f159f54c 100644
--- a/ui/src/components/template/Logo.tsx
+++ b/ui/src/components/template/Logo.tsx
@@ -2,6 +2,7 @@ import classNames from 'classnames'
 import { APP_NAME } from '@/constants/app.constant'
 import type { CommonProps } from '@/@types/common'
 import { Mode } from '@/@types/theme'
+import { Link } from 'react-router-dom'
 
 interface LogoProps extends CommonProps {
   type?: 'full' | 'streamline'
@@ -23,11 +24,13 @@ const Logo = (props: LogoProps) => {
         ...{ width: logoWidth },
       }}
     >
-      <img
-        className={imgClass}
-        src={`${LOGO_SRC_PATH}logo-${mode}-${type}.png`}
-        alt={`${APP_NAME} logo`}
-      />
+      <Link to="/">
+        <img
+          className={imgClass}
+          src={`${LOGO_SRC_PATH}logo-${mode}-${type}.png`}
+          alt={`${APP_NAME} logo`}
+        />
+      </Link>
     </div>
   )
 }