diff --git a/components/common/Navbar.js b/components/common/Navbar.js
index eb20f087..640e537e 100644
--- a/components/common/Navbar.js
+++ b/components/common/Navbar.js
@@ -102,7 +102,7 @@ const Navbar = () => {
       <label
         htmlFor='menu'
         className={`${styles.hams} ${dropdown ? styles.overlay_active : ''} `}
-        style={!dropdown ? { top: 10, fontSize: 50, color: 'white' } : null}
+        style={!dropdown ? { top: 10, fontSize: 50, color: 'black' } : null}
         id='ham'
         dangerouslySetInnerHTML={{ __html: labelText }}
       ></label>
diff --git a/styles/Navbar.module.css b/styles/Navbar.module.css
index 13c72e52..5d03b133 100644
--- a/styles/Navbar.module.css
+++ b/styles/Navbar.module.css
@@ -81,7 +81,7 @@
 
 /* animation after clicking the hamburger icon  */
 .menu:checked ~ .hams {
-  transform: rotate(200deg);
+  transform: rotate(180deg);
   top: 23px;
 }