diff --git a/src/hooks/useOverlay.hook.ts b/src/hooks/useOverlay.hook.ts
index 1abba02..621e5b1 100644
--- a/src/hooks/useOverlay.hook.ts
+++ b/src/hooks/useOverlay.hook.ts
@@ -41,15 +41,8 @@ export const useOverlay = (listen = true) => {
   }
 
   const scrollToElement = (element: HTMLElement) => {
-    const mainApp = document.getElementById("main-app")
-    if (!mainApp) return
-
     requestAnimationFrame(() => {
-      const top =
-        element.getBoundingClientRect().top -
-        mainApp.getBoundingClientRect().top +
-        mainApp.scrollTop
-      mainApp.scrollTo({ top, behavior: "smooth" })
+      element.scrollIntoView({ behavior: "smooth", block: "start" })
     })
   }