diff --git a/frontend/src/components/pages/travelPlanDetail/TravelPlanDetailPage.tsx b/frontend/src/components/pages/travelPlanDetail/TravelPlanDetailPage.tsx
index 4155588f..3b60d693 100644
--- a/frontend/src/components/pages/travelPlanDetail/TravelPlanDetailPage.tsx
+++ b/frontend/src/components/pages/travelPlanDetail/TravelPlanDetailPage.tsx
@@ -1,4 +1,4 @@
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import ReactGA from "react-ga4";
 import { useNavigate, useParams } from "react-router-dom";
 
@@ -86,6 +86,10 @@ const TravelPlanDetailPage = () => {
 
   useClickAway(iconButtonContainerRef, handleCloseMoreDropdown);
 
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
+
   if (status === "pending" || status === "error") {
     if (status === "error") {
       alert(error.message);
diff --git a/frontend/src/components/pages/travelogueDetail/TravelogueDetailPage.tsx b/frontend/src/components/pages/travelogueDetail/TravelogueDetailPage.tsx
index e04744fb..7377f437 100644
--- a/frontend/src/components/pages/travelogueDetail/TravelogueDetailPage.tsx
+++ b/frontend/src/components/pages/travelogueDetail/TravelogueDetailPage.tsx
@@ -1,4 +1,4 @@
-import { useRef, useState } from "react";
+import { useEffect, useRef, useState } from "react";
 import ReactGA from "react-ga4";
 import { useNavigate, useParams } from "react-router-dom";
 
@@ -108,6 +108,10 @@ const TravelogueDetailPage = () => {
     return handleActiveHeart(id);
   };
 
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, []);
+
   if (
     isGettingTraveloguePaused ||
     isDeletingTraveloguePaused ||