making smooth behavior work as expected

Author: Kayla Wilkins

src/components/5_templates/api.js

@@ -21,7 +21,11 @@ import Caret from "../../images/svgs/caret.svg";
 import Copy from "../../images/svgs/copy.svg";
 
 const scrollToTop = () => {
-  window.setTimeout(() => window.scrollTo(0, 0, "smooth"));
+  window.scrollTo({
+    top: 0,
+    left: 0,
+    behavior: "smooth"
+  });
 };
 
 const apiPage = ({ data }) => {

src/pages/api/v4.js

@@ -11,7 +11,11 @@ import Sidebar from "../../components/2_molecules/sidemenu";
 import Caret from "../../images/svgs/caret.svg";
 
 const scrollToTop = () => {
-  window.setTimeout(() => window.scrollTo(0, 0, "smooth"));
+  window.scrollTo({
+    top: 0,
+    left: 0,
+    behavior: "smooth"
+  });
 };
 
 const HeadingRenderer = props => {