diff --git a/components/icon/DoubleChevron.tsx b/components/icon/DoubleChevron.tsx
index cd96a6fa5..198c30464 100644
--- a/components/icon/DoubleChevron.tsx
+++ b/components/icon/DoubleChevron.tsx
@@ -11,9 +11,9 @@ const DoubleChevron = ({ ...props }) => {
       <path
         d="M16 8.90482L12 4L8 8.90482M8 15.0952L12 20L16 15.0952"
         stroke="currentColor"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
       />
     </svg>
   )
diff --git a/components/icon/Moon.tsx b/components/icon/Moon.tsx
index bc848700f..e02f2a30d 100644
--- a/components/icon/Moon.tsx
+++ b/components/icon/Moon.tsx
@@ -5,11 +5,11 @@ const Moon = ({ ...props }) => {
       width="24"
       height="24"
       stroke="currentColor"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
       fill="none"
-      shape-rendering="geometricPrecision"
+      shapeRendering="geometricPrecision"
       {...props}
     >
       <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z" />
diff --git a/components/icon/RightArrow.tsx b/components/icon/RightArrow.tsx
index 183a04d18..b7a1579c8 100644
--- a/components/icon/RightArrow.tsx
+++ b/components/icon/RightArrow.tsx
@@ -11,16 +11,16 @@ const RightArrow = ({ ...props }) => {
       <path
         d="M5 12H19"
         stroke="white"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
       />
       <path
         d="M12 5L19 12L12 19"
         stroke="currentColor"
-        stroke-width="1.5"
-        stroke-linecap="round"
-        stroke-linejoin="round"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
       />
     </svg>
   )
diff --git a/components/icon/Sun.tsx b/components/icon/Sun.tsx
index 949ac1cd1..e97b565e3 100644
--- a/components/icon/Sun.tsx
+++ b/components/icon/Sun.tsx
@@ -5,9 +5,9 @@ const Sun = ({ ...props }) => {
       width="24"
       height="24"
       stroke="currentColor"
-      stroke-width="1.5"
-      stroke-linecap="round"
-      stroke-linejoin="round"
+      strokeWidth="1.5"
+      strokeLinecap="round"
+      strokeLinejoin="round"
       fill="none"
       shape-rendering="geometricPrecision"
       {...props}