diff --git a/apps/readest-app/src/app/reader/components/notebook/Notebook.tsx b/apps/readest-app/src/app/reader/components/notebook/Notebook.tsx
index 8b583549..a2aa7314 100644
--- a/apps/readest-app/src/app/reader/components/notebook/Notebook.tsx
+++ b/apps/readest-app/src/app/reader/components/notebook/Notebook.tsx
@@ -68,9 +68,8 @@ const Notebook: React.FC = ({}) => {
   );
 
   const onNavigateEvent = async () => {
-    const pinButton = document.querySelector('.sidebar-pin-btn');
-    const isPinButtonHidden = !pinButton || window.getComputedStyle(pinButton).display === 'none';
-    if (isPinButtonHidden) {
+    const { isNotebookPinned } = useNotebookStore.getState();
+    if (!isNotebookPinned) {
       setNotebookVisible(false);
     }
   };
diff --git a/apps/readest-app/src/app/reader/components/sidebar/SideBar.tsx b/apps/readest-app/src/app/reader/components/sidebar/SideBar.tsx
index 041fc00a..9a6365cc 100644
--- a/apps/readest-app/src/app/reader/components/sidebar/SideBar.tsx
+++ b/apps/readest-app/src/app/reader/components/sidebar/SideBar.tsx
@@ -63,9 +63,8 @@ const SideBar = ({}) => {
   };
 
   const onNavigateEvent = async () => {
-    const pinButton = document.querySelector('.sidebar-pin-btn');
-    const isPinButtonHidden = !pinButton || window.getComputedStyle(pinButton).display === 'none';
-    if (isPinButtonHidden) {
+    const { isSideBarPinned } = useSidebarStore.getState();
+    if (!isSideBarPinned) {
       setSideBarVisible(false);
     }
   };