diff --git a/src/pages/DidInfo.jsx b/src/pages/DidInfo.jsx
index b1f4b9a..721aee4 100644
--- a/src/pages/DidInfo.jsx
+++ b/src/pages/DidInfo.jsx
@@ -8,7 +8,7 @@ import {
     useColorMode,
     useToast,
   } from "@chakra-ui/react";
-  import React from "react";
+  import React, { useEffect } from "react";
   import { MdContentCopy} from "react-icons/md";
   import { Link, useParams } from "react-router-dom";
   import RelatedTransactions from "../components/RelatedTransactions/RelatedTransactions";
@@ -16,6 +16,9 @@ import {
 import ToastBox from "../components/ToastBox";
   
   const DidInfo = () => {
+    useEffect(() => {
+      window.scrollTo({ top: 0, behavior: "smooth" }); // Scroll to top smoothly when params change
+    }, [params]);
     const { colorMode } = useColorMode();
     const params = useParams()