From 9bd7c68e750a3c403460e94f2f3083a00fb6260f Mon Sep 17 00:00:00 2001
From: Parul Prashar <parulprashar018@gmail.com>
Date: Tue, 8 Oct 2024 23:01:00 +0530
Subject: [PATCH] Chnaged color of menu button

---
 client/public/styles.css               | 4 +++-
 client/src/components/Header/Header.js | 2 +-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/client/public/styles.css b/client/public/styles.css
index b0b9aa04..fef4531e 100644
--- a/client/public/styles.css
+++ b/client/public/styles.css
@@ -13,7 +13,9 @@ body {
     text-align: center;
     color: #fff;
 }
-
+svg.MuiSvgIcon-root.MuiSvgIcon-fontSizeMedium.css-x1tti5 {
+    color: white;
+}
 .error-container h1 {
     font-size: 10em;
     margin: 0;
diff --git a/client/src/components/Header/Header.js b/client/src/components/Header/Header.js
index e3411dde..b0f47cd2 100644
--- a/client/src/components/Header/Header.js
+++ b/client/src/components/Header/Header.js
@@ -75,7 +75,7 @@ function Header(){
             {/* Mobile navigation toggle */}
             <div className="lg:hidden flex items-center">
               <button onClick={() => setToggleMenu(!toggleMenu)}>
-                <Bars3Icon className="h-6" />
+                <Bars3Icon className="h-6 bg-white" />
               </button>
             </div>
           </div>