diff --git a/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NavigationPanel.hooks.ts b/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NavigationPanel.hooks.ts
index a370f18f4d..7020740631 100644
--- a/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NavigationPanel.hooks.ts
+++ b/frontend/appflowy_tauri/src/appflowy_app/components/layout/NavigationPanel/NavigationPanel.hooks.ts
@@ -2,35 +2,18 @@ import { useAppDispatch, useAppSelector } from '../../../stores/store';
 import { useNavigate } from 'react-router-dom';
 import { IPage } from '../../../stores/reducers/pages/slice';
 import { ViewLayoutTypePB } from '../../../../services/backend';
-import { MouseEventHandler, useState } from 'react';
+import { useState } from 'react';
 import { activePageIdActions } from '../../../stores/reducers/activePageId/slice';
 
-// number of pixels from left side of screen to show hidden navigation panel
-const FLOATING_PANEL_SHOW_WIDTH = 10;
-const FLOATING_PANEL_HIDE_EXTRA_WIDTH = 10;
-
 export const useNavigationPanelHooks = function () {
   const dispatch = useAppDispatch();
   const folders = useAppSelector((state) => state.folders);
   const pages = useAppSelector((state) => state.pages);
   const width = useAppSelector((state) => state.navigationWidth);
-  const [navigationPanelFixed, setNavigationPanelFixed] = useState(true);
-  const [slideInFloatingPanel, setSlideInFloatingPanel] = useState(true);
   const [menuHidden, setMenuHidden] = useState(false);
 
   const navigate = useNavigate();
 
-  const onCollapseNavigationClick = () => {
-    setSlideInFloatingPanel(true);
-    setNavigationPanelFixed(false);
-  };
-
-  const onFixNavigationClick = () => {
-    setNavigationPanelFixed(true);
-  };
-
-  const [floatingPanelWidth, setFloatingPanelWidth] = useState(0);
-
   const onHideMenuClick = () => {
     setMenuHidden(true);
   };
@@ -59,26 +42,11 @@ export const useNavigationPanelHooks = function () {
     navigate(`/page/${pageTypeRoute}/${page.id}`);
   };
 
-  const onScreenMouseMove: MouseEventHandler<HTMLDivElement> = (e) => {
-    if (e.screenX <= FLOATING_PANEL_SHOW_WIDTH) {
-      setSlideInFloatingPanel(true);
-    } else if (e.screenX > floatingPanelWidth + FLOATING_PANEL_HIDE_EXTRA_WIDTH) {
-      setSlideInFloatingPanel(false);
-    }
-  };
-
   return {
     width,
     folders,
     pages,
-    navigate,
     onPageClick,
-    onCollapseNavigationClick,
-    onFixNavigationClick,
-    navigationPanelFixed,
-    onScreenMouseMove,
-    slideInFloatingPanel,
-    setFloatingPanelWidth,
     menuHidden,
     onHideMenuClick,
     onShowMenuClick,
diff --git a/frontend/appflowy_tauri/src/appflowy_app/components/layout/Screen.tsx b/frontend/appflowy_tauri/src/appflowy_app/components/layout/Screen.tsx
index c4e6316ab4..19f8e97542 100644
--- a/frontend/appflowy_tauri/src/appflowy_app/components/layout/Screen.tsx
+++ b/frontend/appflowy_tauri/src/appflowy_app/components/layout/Screen.tsx
@@ -14,24 +14,10 @@ export const Screen = ({ children }: { children: ReactNode }) => {
     })();
   }, [currentUser.isAuthenticated]);
 
-  const {
-    width,
-    folders,
-    pages,
-    onPageClick,
-    onCollapseNavigationClick,
-    onFixNavigationClick,
-    navigationPanelFixed,
-    onScreenMouseMove,
-    slideInFloatingPanel,
-    setFloatingPanelWidth,
-    onHideMenuClick,
-    onShowMenuClick,
-    menuHidden,
-  } = useNavigationPanelHooks();
+  const { width, folders, pages, onPageClick, onHideMenuClick, onShowMenuClick, menuHidden } = useNavigationPanelHooks();
 
   return (
-    <div onMouseMove={onScreenMouseMove} className='flex h-screen w-screen bg-white text-black'>
+    <div className='flex h-screen w-screen bg-white text-black'>
       <NavigationPanel
         onHideMenuClick={onHideMenuClick}
         width={width}