diff --git a/src/assets/icons/Hamburger-icon.js b/src/assets/icons/Hamburger-icon.js
index ac771f1..dbe6ec7 100644
--- a/src/assets/icons/Hamburger-icon.js
+++ b/src/assets/icons/Hamburger-icon.js
@@ -6,10 +6,10 @@ const HamburgerIcon = ({ width = 24, height = 24, color }) => (
     viewBox="0 0 24 24"
     fill="none"
     stroke={color}
-    stroke-width="2"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    class="feather feather-menu"
+    strokeWidth="2"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    className="feather feather-menu"
   >
     <line x1="3" y1="12" x2="21" y2="12"></line>
     <line x1="3" y1="6" x2="21" y2="6"></line>
diff --git a/src/assets/icons/X-close-icon.js b/src/assets/icons/X-close-icon.js
index 51b7e42..e60dbae 100644
--- a/src/assets/icons/X-close-icon.js
+++ b/src/assets/icons/X-close-icon.js
@@ -6,10 +6,10 @@ const XIcon = ({ width = 24, height = 24, color = '#ffffff' }) => (
     viewBox="0 0 24 24"
     fill="none"
     stroke={color}
-    stroke-width="2"
-    stroke-linecap="round"
-    stroke-linejoin="round"
-    class="feather feather-x"
+    strokeWidth="2"
+    strokeLinecap="round"
+    strokeLinejoin="round"
+    className="feather feather-x"
   >
     <line x1="18" y1="6" x2="6" y2="18"></line>
     <line x1="6" y1="6" x2="18" y2="18"></line>