diff --git a/com.twin.app.shoptime/src/hooks/useScrollTo.js b/com.twin.app.shoptime/src/hooks/useScrollTo.js
index aee277d6..e96402a2 100644
--- a/com.twin.app.shoptime/src/hooks/useScrollTo.js
+++ b/com.twin.app.shoptime/src/hooks/useScrollTo.js
@@ -3,11 +3,14 @@ import React, { useCallback, useEffect, useRef } from "react";
 export default function useScrollTo() {
   const scrollTo = useRef();
 
-  const scrollTop = useCallback(({ y = 0, animate = true } = {}) => {
-    if (scrollTo && scrollTo.current) {
-      scrollTo.current({ position: { y }, animate });
-    }
-  }, []);
+  const scrollTop = useCallback(
+    ({ y = 0, animate = true, duration = 300 } = {}) => {
+      if (scrollTo && scrollTo.current) {
+        scrollTo.current({ position: { y }, animate, duration });
+      }
+    },
+    []
+  );
 
   const scrollLeft = useCallback(({ x = 0, animate = false } = {}) => {
     if (scrollTo && scrollTo.current) {