diff --git a/packages/ui/src/layout/MainLayout/LogoSection/index.jsx b/packages/ui/src/layout/MainLayout/LogoSection/index.jsx
index 2ad8cdb6ef6..22f276d74f6 100644
--- a/packages/ui/src/layout/MainLayout/LogoSection/index.jsx
+++ b/packages/ui/src/layout/MainLayout/LogoSection/index.jsx
@@ -1,4 +1,5 @@
 import { Link } from 'react-router-dom'
+import { useDispatch } from 'react-redux'
 
 // material-ui
 import { ButtonBase } from '@mui/material'
@@ -6,13 +7,22 @@ import { ButtonBase } from '@mui/material'
 // project imports
 import config from '@/config'
 import Logo from '@/ui-component/extended/Logo'
+import { MENU_OPEN } from '@/store/actions'
 
 // ==============================|| MAIN LOGO ||============================== //
 
-const LogoSection = () => (
-    <ButtonBase disableRipple component={Link} to={config.defaultPath}>
-        <Logo />
-    </ButtonBase>
-)
+const LogoSection = () => {
+    const dispatch = useDispatch()
+
+    const handleLogoClick = (e) => {
+        dispatch({ type: MENU_OPEN, id: 'chatflows' })
+    }
+
+    return (
+        <ButtonBase disableRipple component={Link} to={config.defaultPath} onClick={handleLogoClick}>
+            <Logo />
+        </ButtonBase>
+    )
+}
 
 export default LogoSection