diff --git a/src/components/AppHeader.js b/src/components/AppHeader.js
index b10bd7e12..900c0675b 100644
--- a/src/components/AppHeader.js
+++ b/src/components/AppHeader.js
@@ -36,10 +36,12 @@ const AppHeader = () => {
   const sidebarShow = useSelector((state) => state.sidebarShow)
 
   useEffect(() => {
-    document.addEventListener('scroll', () => {
+    const handleScroll = () => {
       headerRef.current &&
         headerRef.current.classList.toggle('shadow-sm', document.documentElement.scrollTop > 0)
-    })
+    }
+    document.addEventListener('scroll', handleScroll)
+    return () => document.removeEventListener('scroll', handleScroll)
   }, [])
 
   return (