diff --git a/Faq.html b/Faq.html
index 5596e4a9..05e34bfc 100644
--- a/Faq.html
+++ b/Faq.html
@@ -20,6 +20,8 @@
 
     <!-- Animation on Scroll -->
     <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
+    <!-- menu icon link -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"  />
 
     <style>
         /* Styling for the "Was this helpful?" buttons */
@@ -64,7 +66,7 @@
                         <img src="./assets/images/Skillwise_logo.jpg" width="50" height="10" alt="SkillWise home">
                     </a>
                     <button class="nav-close-btn" aria-label="close menu" data-nav-toggler>
-                        <ion-icon name="close-outline" aria-hidden="true"></ion-icon>
+                        <i class="fa-solid fa-xmark"></i>
                     </button>
                 </div>
 
@@ -90,8 +92,8 @@
             <a href="./signin.html" class="btn btn-secondary">Start Free Trial</a>
 
             <button class="nav-open-btn" aria-label="open menu" data-nav-toggler>
-                <ion-icon name="menu-outline" aria-hidden="true"></ion-icon>
-            </button>
+                <i class="fa-solid fa-bars"></i>
+              </button>
 
             <div class="overlay" data-overlay data-nav-toggler></div>
         </div>
@@ -242,6 +244,7 @@ <h1 data-aos="zoom-in">
     </div>
 
     <script src="https://unpkg.com/aos@next/dist/aos.js"></script>
+    <script src="assets/js/script.js"></script>
     <script>
         AOS.init();
     </script>
diff --git a/assets/css/style.css b/assets/css/style.css
index fe392aa7..29a7781d 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -97,7 +97,7 @@ img,
 span,
 button,
 ion-icon {
-  display: block;
+  display:flex;
 }
 
 a {
@@ -1762,8 +1762,7 @@ textarea {
   border-radius: 5px;
 }
 button {
-  margin: auto;
-  padding: 10px;
+  padding: 15px;
   background-color: #007bff;
   color: white;
   border: none;