diff --git a/src/components/ScrollToTop/ScrollToTop.js b/src/components/ScrollToTop/ScrollToTop.js
new file mode 100644
index 0000000..8b76e36
--- /dev/null
+++ b/src/components/ScrollToTop/ScrollToTop.js
@@ -0,0 +1,12 @@
+import { useEffect } from "react";
+import { useLocation } from "react-router-dom";
+
+export default function ScrollToTop() {
+  const { pathname } = useLocation();
+
+  useEffect(() => {
+    window.scrollTo(0, 0);
+  }, [pathname]);
+
+  return null;
+}
\ No newline at end of file
diff --git a/src/router/RouterPages.jsx b/src/router/RouterPages.jsx
index e4ee5d4..40f4fda 100644
--- a/src/router/RouterPages.jsx
+++ b/src/router/RouterPages.jsx
@@ -11,10 +11,12 @@ import MissingPeople from '../pages/MissingPeople';
 import ContactUs from '../pages/Contactus';
 import PostMissingPerson from '../pages/PostMissingPerson';
 import MissingPerson from '../pages/MissedPerson';
+import ScrollToTop from '../components/ScrollToTop/ScrollToTop'
 
 const RouterPages = () => {
   return (
     <Router>
+      <ScrollToTop/>
       <Navbar />
       <Switch>
         <Route path="/" exact component={Home} />