diff --git a/src/hooks/useOverlay.hook.ts b/src/hooks/useOverlay.hook.ts
index 54aac26..b6b29a8 100644
--- a/src/hooks/useOverlay.hook.ts
+++ b/src/hooks/useOverlay.hook.ts
@@ -29,9 +29,9 @@ export const useOverlay = (listen = true) => {
       if (!mainApp) return
 
       if (isMobile.value) {
-        mainApp.scrollTop = to
+        mainApp.scrollTo({ top: to, behavior: "smooth" })
       } else {
-        mainApp.scrollLeft = to
+        mainApp.scrollTo({ left: to, behavior: "smooth" })
       }
     }