diff --git a/website/src/components/section.js b/website/src/components/section.js
index d21f88bb5..5bba20dce 100644
--- a/website/src/components/section.js
+++ b/website/src/components/section.js
@@ -13,7 +13,7 @@ export default function Section({ id, className, ...props }) {
 
     useEffect(() => {
         if (inView && relId) {
-            window.dispatchEvent(new CustomEvent('inview', { detail: relId }))
+            window.dispatchEvent(new CustomEvent('SPACY_SCROLL_HANDLER', { detail: relId }))
         }
     }, [inView, relId])
     return <section ref={ref} id={id} className={sectionClassNames} {...props} />
diff --git a/website/src/components/sidebar.js b/website/src/components/sidebar.js
index f02daf9ea..db27dc23e 100644
--- a/website/src/components/sidebar.js
+++ b/website/src/components/sidebar.js
@@ -44,9 +44,9 @@ export default function Sidebar({ items = [], pageMenu = [], slug }) {
 
     useEffect(() => {
         const handleInView = ({ detail }) => setActiveSection(detail)
-        window.addEventListener('inview', handleInView, { passive: true })
+        window.addEventListener('SPACY_SCROLL_HANDLER', handleInView, { passive: true })
         return () => {
-            window.removeEventListener('inview', handleInView)
+            window.removeEventListener('SPACY_SCROLL_HANDLER', handleInView)
         }
     })