diff --git a/frontend/src/Pages/hamburger.jsx b/frontend/src/Pages/hamburger.jsx
index 83d24a8..91d7964 100644
--- a/frontend/src/Pages/hamburger.jsx
+++ b/frontend/src/Pages/hamburger.jsx
@@ -2,6 +2,8 @@ import React, { useState, useEffect, useRef } from "react";
 import styled, { keyframes } from "styled-components";
 import { FaArrowLeft, FaSearch, FaTimes } from "react-icons/fa";
 import { useNavigate } from "react-router-dom";
+import { FaQuestionCircle } from "react-icons/fa";
+
 
 const fadeIn = keyframes`
   from {
@@ -155,6 +157,10 @@ const Hamburger = () => {
   const helpClick = () => {
     navigate("/Help");
   };
+  const FaqClick = () => {
+    navigate("/FAQ");
+  };
+
 
   const aboutClick = () => {
     navigate("/About");
diff --git a/frontend/src/components/navbar.jsx b/frontend/src/components/navbar.jsx
index f2a83f9..8e9bc5c 100644
--- a/frontend/src/components/navbar.jsx
+++ b/frontend/src/components/navbar.jsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { FaBars, FaTimes, FaUser, FaHandsHelping, FaBell, FaStar, FaCreditCard, FaInfoCircle } from 'react-icons/fa';
+import { FaBars, FaTimes, FaUser, FaHandsHelping, FaBell, FaStar, FaCreditCard, FaInfoCircle, FaQuestionCircle } from 'react-icons/fa';
 import { IoSettings } from "react-icons/io5";
 import { useNavigate } from 'react-router-dom';
 import axios from 'axios';  // Import axios
@@ -205,7 +205,7 @@ const Navbar = () => {
               <span className="text-lg">Settings</span>
             </li>
             <li className="flex items-center px-4 py-2 text-black cursor-pointer hover:text-white hover:bg-blue-600" onClick={handleFaqClick}>
-              <FaHandsHelping className="mr-3 text-blue-300" />
+              <FaQuestionCircle className="mr-3 text-blue-300" />
               <span className="text-lg">FAQ</span>
             </li>
           </ul>