diff --git a/src/component/Footer/Main.js b/src/component/Footer/Main.js
index d1ac0b6..f0767c7 100644
--- a/src/component/Footer/Main.js
+++ b/src/component/Footer/Main.js
@@ -1,4 +1,5 @@
 import { Link } from "react-router-dom";
+import { HashLink } from 'react-router-hash-link';
 import React from "react";
 import line from "../../assets/images/anim_line.png";
 import blueapp from "../../assets/images/appstore_blue.png";
@@ -100,7 +101,7 @@ const Main = ({ footer }) => {
                         <Link to="/faq">FAQs</Link>
                       </li>
                       <li>
-                        <a href="#how_it_work">How it works</a>
+                        <HashLink to="/#how_it_work">How it works</HashLink>
                       </li>
                       <li>
                         <Link to="/terms">Terms & conditions</Link>
@@ -237,7 +238,7 @@ const Main = ({ footer }) => {
                         <Link to="/faq">FAQs</Link>
                       </li>
                       <li>
-                         <a href="/how_it_work">How it works</a>
+                        <HashLink to="/#how_it_work">How it works</HashLink>
                       </li>
                       <li>
                         <Link to="/terms">Terms & conditions</Link>
@@ -367,7 +368,7 @@ const Main = ({ footer }) => {
                         <Link to="#">Support</Link>
                       </li>
                       <li>
-                          <a href="/how_it_work">How it works</a>
+                         <HashLink to="/#how_it_work">How it works</HashLink>
                       </li>
                       <li>
                         <Link to="/terms">Terms & conditions</Link>
@@ -492,7 +493,7 @@ const Main = ({ footer }) => {
                         <Link to="#">Support</Link>
                       </li>
                       <li>
-                         <a href="/how_it_work">How it works</a>
+                          <HashLink to="/#how_it_work">How it works</HashLink>
                       </li>
                       <li>
                         <Link to="/terms">Terms & conditions</Link>
@@ -624,7 +625,7 @@ const Main = ({ footer }) => {
                         <Link to="#">Support</Link>
                       </li>
                       <li>
-                         <a href="/how_it_work">How it works</a>
+                         <HashLink to="/#how_it_work">How it works</HashLink>
                       </li>
                       <li>
                         <Link to="/terms">Terms & conditions</Link>