diff --git a/src/components/Modules/KilnOptimize/components/BotttomColorBlock/index.jsx b/src/components/Modules/KilnOptimize/components/BotttomColorBlock/index.jsx
index a5752bf..cd35c56 100644
--- a/src/components/Modules/KilnOptimize/components/BotttomColorBlock/index.jsx
+++ b/src/components/Modules/KilnOptimize/components/BotttomColorBlock/index.jsx
@@ -142,21 +142,21 @@ const BotttomColorBlock = (props) => {
       >
         <defs>
           <linearGradient id="Gradient" x1="0" x2="1" y1="0" y2="0">
-            <stop offset="0%" stop-color={returnColor2("TE302")} />
-            <stop offset="7%" stop-color={returnColor2("TE304")} />
-            <stop offset="14%" stop-color={returnColor2("TE306")} />
-            <stop offset="21%" stop-color={returnColor2("TE308")} />
-            <stop offset="28%" stop-color={returnColor2("TE309")} />
-            <stop offset="35%" stop-color={returnColor2("TE310")} />
-            <stop offset="42%" stop-color={returnColor2("TE312")} />
-            <stop offset="49%" stop-color={returnColor2("TE314")} />
-            <stop offset="56%" stop-color={returnColor2("TE315")} />
-            <stop offset="63%" stop-color={returnColor2("TE316")} />
-            <stop offset="70%" stop-color={returnColor2("TE318")} />
-            <stop offset="77%" stop-color={returnColor2("TE321")} />
-            <stop offset="84%" stop-color={returnColor2("TE331")} />
-            <stop offset="91%" stop-color={returnColor2("TE332")} />
-            <stop offset="100%" stop-color={returnColor2("TE332")} />
+            <stop offset="0%" stopColor={returnColor2("TE302")} />
+            <stop offset="7%" stopColor={returnColor2("TE304")} />
+            <stop offset="14%" stopColor={returnColor2("TE306")} />
+            <stop offset="21%" stopColor={returnColor2("TE308")} />
+            <stop offset="28%" stopColor={returnColor2("TE309")} />
+            <stop offset="35%" stopColor={returnColor2("TE310")} />
+            <stop offset="42%" stopColor={returnColor2("TE312")} />
+            <stop offset="49%" stopColor={returnColor2("TE314")} />
+            <stop offset="56%" stopColor={returnColor2("TE315")} />
+            <stop offset="63%" stopColor={returnColor2("TE316")} />
+            <stop offset="70%" stopColor={returnColor2("TE318")} />
+            <stop offset="77%" stopColor={returnColor2("TE321")} />
+            <stop offset="84%" stopColor={returnColor2("TE331")} />
+            <stop offset="91%" stopColor={returnColor2("TE332")} />
+            <stop offset="100%" stopColor={returnColor2("TE332")} />
           </linearGradient>
         </defs>
         <polygon
diff --git a/src/components/Modules/KilnOptimize/components/TopColorBlock/index.jsx b/src/components/Modules/KilnOptimize/components/TopColorBlock/index.jsx
index 74b3d84..e7c8059 100644
--- a/src/components/Modules/KilnOptimize/components/TopColorBlock/index.jsx
+++ b/src/components/Modules/KilnOptimize/components/TopColorBlock/index.jsx
@@ -123,24 +123,24 @@ const TopColorBlock = ({ condition }) => {
       >
         <defs>
           <linearGradient id="Gradient1" x1="0" x2="1" y1="0" y2="0">
-            <stop offset="0%" stop-color={returnColor2("TE201")} />
-            <stop offset="9%" stop-color={returnColor2("TE202")} />
-            <stop offset="18%" stop-color={returnColor2("TE203")} />
-            <stop offset="27%" stop-color={returnColor2("TE204")} />
-            <stop offset="36%" stop-color={returnColor2("TE205")} />
-            <stop offset="45%" stop-color={returnColor2("TE206")} />
-            <stop offset="54%" stop-color={returnColor2("TE208")} />
-            <stop offset="63%" stop-color={returnColor2("TE210")} />
-            <stop offset="72%" stop-color={returnColor2("TE211")} />
-            <stop offset="81%" stop-color={returnColor2("TE212")} />
-            <stop offset="90%" stop-color={returnColor2("TE213")} />
-            <stop offset="100%" stop-color={returnColor2("TE213")} />
+            <stop offset="0%" stopColor={returnColor2("TE201")} />
+            <stop offset="9%" stopColor={returnColor2("TE202")} />
+            <stop offset="18%" stopColor={returnColor2("TE203")} />
+            <stop offset="27%" stopColor={returnColor2("TE204")} />
+            <stop offset="36%" stopColor={returnColor2("TE205")} />
+            <stop offset="45%" stopColor={returnColor2("TE206")} />
+            <stop offset="54%" stopColor={returnColor2("TE208")} />
+            <stop offset="63%" stopColor={returnColor2("TE210")} />
+            <stop offset="72%" stopColor={returnColor2("TE211")} />
+            <stop offset="81%" stopColor={returnColor2("TE212")} />
+            <stop offset="90%" stopColor={returnColor2("TE213")} />
+            <stop offset="100%" stopColor={returnColor2("TE213")} />
           </linearGradient>
           <linearGradient id="Gradient2" x1="0" x2="1" y1="0" y2="0">
-            <stop offset="0%" stop-color={returnColor2("TE216")} />
-            <stop offset="33%" stop-color={returnColor2("TE221")} />
-            <stop offset="66%" stop-color={returnColor2("TE225")} />
-            <stop offset="100%" stop-color={returnColor2("TE225")} />
+            <stop offset="0%" stopColor={returnColor2("TE216")} />
+            <stop offset="33%" stopColor={returnColor2("TE221")} />
+            <stop offset="66%" stopColor={returnColor2("TE225")} />
+            <stop offset="100%" stopColor={returnColor2("TE225")} />
           </linearGradient>
         </defs>
         <polygon
diff --git a/src/components/Modules/KilnOptimize/components/TopColorBlockEnter/index.jsx b/src/components/Modules/KilnOptimize/components/TopColorBlockEnter/index.jsx
index e24435d..0614af5 100644
--- a/src/components/Modules/KilnOptimize/components/TopColorBlockEnter/index.jsx
+++ b/src/components/Modules/KilnOptimize/components/TopColorBlockEnter/index.jsx
@@ -123,24 +123,24 @@ const TopColorBlockEnter = () => {
       >
         <defs>
           <linearGradient id="Gradient1" x1="0" x2="1" y1="0" y2="0">
-            <stop offset="0%" stop-color={returnColor2("TE201")} />
-            <stop offset="9%" stop-color={returnColor2("TE202")} />
-            <stop offset="18%" stop-color={returnColor2("TE203")} />
-            <stop offset="27%" stop-color={returnColor2("TE204")} />
-            <stop offset="36%" stop-color={returnColor2("TE205")} />
-            <stop offset="45%" stop-color={returnColor2("TE206")} />
-            <stop offset="54%" stop-color={returnColor2("TE208")} />
-            <stop offset="63%" stop-color={returnColor2("TE210")} />
-            <stop offset="72%" stop-color={returnColor2("TE211")} />
-            <stop offset="81%" stop-color={returnColor2("TE212")} />
-            <stop offset="90%" stop-color={returnColor2("TE213")} />
-            <stop offset="100%" stop-color={returnColor2("TE213")} />
+            <stop offset="0%" stopColor={returnColor2("TE201")} />
+            <stop offset="9%" stopColor={returnColor2("TE202")} />
+            <stop offset="18%" stopColor={returnColor2("TE203")} />
+            <stop offset="27%" stopColor={returnColor2("TE204")} />
+            <stop offset="36%" stopColor={returnColor2("TE205")} />
+            <stop offset="45%" stopColor={returnColor2("TE206")} />
+            <stop offset="54%" stopColor={returnColor2("TE208")} />
+            <stop offset="63%" stopColor={returnColor2("TE210")} />
+            <stop offset="72%" stopColor={returnColor2("TE211")} />
+            <stop offset="81%" stopColor={returnColor2("TE212")} />
+            <stop offset="90%" stopColor={returnColor2("TE213")} />
+            <stop offset="100%" stopColor={returnColor2("TE213")} />
           </linearGradient>
           <linearGradient id="Gradient2" x1="0" x2="1" y1="0" y2="0">
-            <stop offset="0%" stop-color={returnColor2("TE216")} />
-            <stop offset="33%" stop-color={returnColor2("TE221")} />
-            <stop offset="66%" stop-color={returnColor2("TE225")} />
-            <stop offset="100%" stop-color={returnColor2("TE225")} />
+            <stop offset="0%" stopColor={returnColor2("TE216")} />
+            <stop offset="33%" stopColor={returnColor2("TE221")} />
+            <stop offset="66%" stopColor={returnColor2("TE225")} />
+            <stop offset="100%" stopColor={returnColor2("TE225")} />
           </linearGradient>
         </defs>
         <polygon