diff --git a/src/assets/svg/compressorB_rev.svg b/src/assets/svg/compressorB_rev.svg
index 61b601b..f632bed 100644
--- a/src/assets/svg/compressorB_rev.svg
+++ b/src/assets/svg/compressorB_rev.svg
@@ -3,7 +3,7 @@
   <defs>
     <bx:grid x="0" y="0" width="20" height="20"/>
   </defs>
-  <rect y="8.994" width="982.515" height="460.551" style="stroke: rgb(0, 0, 0); fill: rgb(229, 229, 229); stroke-width: 0.693;" x="8.953"/>
+  <rect y="587.416" width="982.515" height="460.551" style="stroke: rgb(0, 0, 0); fill: rgb(229, 229, 229); stroke-width: 0.693;" x="-49.037"/>
   <path style="fill: none; stroke: rgb(76, 76, 76); stroke-width: 1.386; transform-origin: 415.283px 142.624px;" d="M 323.412 74.25 L 323.412 81.822"/>
   <path style="fill: rgb(255, 255, 255); stroke: rgb(76, 76, 76); stroke-width: 1.386; transform-box: fill-box; transform-origin: 50% 50%;" d="M 319.091 77.599 L 327.681 77.599 L 327.681 94.636 L 319.091 94.636 L 319.091 77.599 Z" transform="matrix(0, 1, -1, 0, 0.000008, 0.000003)"/>
   <path style="fill: rgb(255, 255, 255); stroke: rgb(76, 76, 76); stroke-width: 1.386; transform-box: fill-box; transform-origin: 50% 50%;" d="M 338.499 70.582 L 338.765 65.878 L 339.567 61.653 L 340.853 58.943 L 342.285 58.144 L 343.692 58.943 L 344.979 61.653 L 345.804 65.878 L 346.07 70.582 L 342.285 97.928 L 338.499 70.582 Z" transform="matrix(0, 1, -1, 0, 0.000019, -0.000022)"/>
@@ -1868,7 +1868,7 @@
   <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 14px; stroke-width: 1; font-weight: bold;" x="38.471" y="128.844" transform="matrix(0.705508, 0, 0, 0.49184, 102.044106, 95.82489)">ALARM</text>
   <rect x="109.089" y="166.7" width="70.551" height="29.825" style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(244, 248, 248);"/>
   <ellipse style="fill: rgb(216, 216, 216); stroke: rgb(0, 0, 0); stroke-width: 0.693;" cx="146.919" cy="181.482" rx="14.791" ry="11.808"/>
-  <g transform="matrix(0.745268, 0, 0, 0.776241, -203.089244, -22.229242)" style="">
+  <g transform="matrix(1.242112, 0, 0, 1.006478, -323.815063, -85.728218)" style="">
     <rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
     <rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
   </g>
@@ -1880,23 +1880,23 @@
     <rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
     <rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
   </g>
-  <text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 9px; white-space: pre; font-weight: bolder;" transform="matrix(0.705508, 0, 0, 0.49184, -5.955331, 154.974816)" x="38.471" y="128.844">CAPACITY CONTROL</text>
-  <g transform="matrix(0.745268, 0, 0, 0.776241, -203.089275, 19.909547)" style="">
+  <text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 12px; white-space: pre; font-weight: bolder;" transform="matrix(0.705508, 0, 0, 0.49184, 36.044662, 161.974823)" x="38.471" y="128.844">CAPACITY CONTROL</text>
+  <g transform="matrix(0.745268, 0, 0, 0.776241, -203.089264, 47.61132)" style="">
     <rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
     <rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
   </g>
-  <g transform="matrix(0.745268, 0, 0, 0.776241, -203.089275, 61.373798)" style="">
+  <g transform="matrix(0.745268, 0, 0, 0.776241, -203.089264, 89.075577)" style="">
     <rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
     <rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
   </g>
-  <g transform="matrix(0.745268, 0, 0, 0.776241, -203.089275, 104.013349)" style="">
+  <g transform="matrix(0.745268, 0, 0, 0.776241, -203.089264, 131.715118)" style="">
     <rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
     <rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
   </g>
-  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 10px;" x="24.591" y="237.734" id="c_2014">#########</text>
-  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 14px; stroke-width: 1; font-weight: bold;" x="38.471" y="128.844" transform="matrix(0.705508, 0, 0, 0.49184, 1.467939, 198.277293)">CURRENT</text>
-  <text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 12px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 0.653285, 238.113721)" x="38.471" y="128.844">LOAD RATIO</text>
-  <text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 11px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, -2.228476, 281.700759)" x="38.471" y="128.844">LOAD NUMBER</text>
+  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 10px;" x="57.359" y="249.23" id="c_2014">#########</text>
+  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 14px; stroke-width: 1; font-weight: bold;" x="38.471" y="128.844" transform="matrix(0.705508, 0, 0, 0.49184, 1.467946, 225.97908)">CURRENT</text>
+  <text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 12px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 0.653292, 265.815491)" x="38.471" y="128.844">LOAD RATIO</text>
+  <text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 11px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, -2.228469, 309.402496)" x="38.471" y="128.844">LOAD NUMBER</text>
   <text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 9px; text-anchor: middle; white-space: pre; font-weight: bolder;" transform="matrix(0.705508, 0, 0, 0.49184, 225.350979, 117.907645)"><tspan x="38.471" y="128.844">2nd Discharge </tspan><tspan x="38.471" dy="1em">​</tspan><tspan>Temp.</tspan></text>
   <text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 9px; text-anchor: middle; white-space: pre; font-weight: bolder;" transform="matrix(0.705508, 0, 0, 0.49184, 226.401547, 151.150856)"><tspan x="38.471" y="128.844">2nd Suction </tspan><tspan x="38.47100067138672" dy="1em">​</tspan><tspan>Temp.</tspan></text>
   <text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 9px; text-anchor: middle; white-space: pre; font-weight: bolder;" transform="matrix(0.705508, 0, 0, 0.49184, 227.1022, 184.140574)"><tspan x="38.471" y="128.844">Interstage </tspan><tspan x="38.47100067138672" dy="1em">​</tspan><tspan>Press.</tspan></text>
@@ -1905,48 +1905,38 @@
   <text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 12px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 602.751313, 226.503079)" x="38.471" y="128.844">Oil Temp.</text>
   <text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 10px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 866.161361, 121.975875)" x="38.471" y="128.844">Motor Vibration</text>
   <text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 9px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 865.228011, 160.110833)" x="38.471" y="128.844">Gearbox Vibration</text>
-  <g transform="matrix(0.745268, 0, 0, 0.776241, -122.465735, -22.184617)" style="">
+  <g transform="matrix(0.745268, 0, 0, 0.776241, -122.465736, 47.611324)" style="">
     <rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
     <rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
   </g>
-  <g transform="matrix(0.745268, 0, 0, 0.776241, -122.385771, 19.92331)" style="">
+  <g transform="matrix(0.745268, 0, 0, 0.776241, -122.385773, 89.719246)" style="">
     <rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
     <rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
   </g>
-  <g transform="matrix(0.745268, 0, 0, 0.776241, -123.040793, 61.519206)" style="">
+  <g transform="matrix(0.745268, 0, 0, 0.776241, -123.040794, 131.315155)" style="">
     <rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
     <rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
   </g>
-  <text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 12px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 85.624959, 155.029061)" x="38.471" y="128.844">Run Hour</text>
-  <text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 11px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 77.362362, 196.632518)" x="38.471" y="128.844">Total Load Time</text>
-  <text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 11px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 75.231106, 237.990308)" x="38.471" y="128.844">Reminder Maint.</text>
-  <g>
-    <g transform="matrix(0.745268, 0, 0, 0.776241, -123.597869, 104.400587)" style="">
-      <rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
-      <rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
-    </g>
-    <text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 10px; font-weight: 700; white-space: pre; text-anchor: middle;" transform="matrix(0.705508, 0, 0, 0.49184, 102.888296, 279.101821)" x="38.471" y="128.844">Next Maint.<tspan x="38.47100067138672" dy="1em">​</tspan>Timing</text>
-    <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="113.79" y="363.775">5 YEAR</text>
-  </g>
+  <text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 12px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 85.624962, 224.825027)" x="38.471" y="128.844">Run Hour</text>
+  <text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 11px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 77.362366, 266.428467)" x="38.471" y="128.844">Total Load Time</text>
+  <text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 11px; font-weight: 700; white-space: pre;" transform="matrix(0.705508, 0, 0, 0.49184, 75.23111, 307.786255)" x="38.471" y="128.844">Reminder Maint.</text>
   <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 30px; stroke-width: 1; font-weight: bold;" x="38.471" y="128.844" transform="matrix(0.705508, 0, 0, 0.49184, 382.384206, -28.443786)">COMPRESSOR UNIT - B</text>
-  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="104.705" y="279.732" id="c_2013">####</text>
-  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="150.793" y="279.599">H</text>
-  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="24.821" y="278.557" id="c_2009">####</text>
-  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="70.284" y="279.078">A</text>
-  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="67.763" y="319.77">%</text>
-  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="150.885" y="236.427">H</text>
-  <g transform="matrix(1, 0, 0, 1, -59.423419, 119.888373)">
-    <g transform="matrix(0.745268, 0, 0, 0.776241, -64.617267, -14.972764)" style="">
-      <rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
-      <rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
-    </g>
-    <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="163.733" y="244.532">OVERHOUL</text>
-    <text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 10px; font-weight: 700; white-space: pre; text-anchor: middle;" transform="matrix(0.705508, 0, 0, 0.49184, 162.525979, 159.600533)" x="38.471" y="128.844">Next Maint.<tspan x="38.47100067138672" dy="1em">​</tspan>Timing</text>
+  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="104.705" y="349.528" id="c_2013">####</text>
+  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="150.793" y="349.395">H</text>
+  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="24.821" y="306.259" id="c_2009">####</text>
+  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="70.284" y="306.78">A</text>
+  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="67.763" y="347.472">%</text>
+  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="150.885" y="306.223">H</text>
+  <g transform="matrix(1.229208, 0, 0, 1.083872, -319.028198, 95.513718)" style="">
+    <rect x="299.48" y="299.377" width="80.256" height="16.724" style="stroke: rgb(0, 0, 0); fill: rgb(120, 231, 228); stroke-width: 1;"/>
+    <rect x="299.341" y="316.278" width="80.508" height="27.225" style="stroke: rgb(0, 0, 0); stroke-width: 1; fill: rgb(244, 248, 248);"/>
   </g>
-  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="26.134" y="319.332" id="c_2010">####</text>
-  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="25.655" y="362.462" id="c_2015">####</text>
-  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="106.04" y="236.031" id="c_2012">####</text>
-  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="108.228" y="319.728" id="c_2011">####</text>
+  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 12px; stroke-width: 1;" x="54.743" y="456.345" id="c_2024">####</text>
+  <text style="fill: rgb(51, 51, 51); font-family: &quot;Franklin Gothic&quot;; font-size: 13px; white-space: pre; text-anchor: middle; font-weight: bolder;" transform="matrix(0.705508, 0, 0, 0.49184, 73.535667, 364.414246)" x="38.471" y="128.844">Next Maint.<tspan x="38.47100067138672" dy="1em">​</tspan>Timing</text>
+  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="26.134" y="347.034" id="c_2010">####</text>
+  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="25.655" y="390.164" id="c_2015">####</text>
+  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="106.04" y="305.827" id="c_2012">####</text>
+  <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="108.228" y="389.524" id="c_2011">####</text>
   <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 12px; stroke-width: 1;" x="567.643" y="567.248" transform="matrix(0.826913, 0, 0, 0.698383, -201.267619, -197.422663)">°C</text>
   <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 12px; stroke-width: 1;" x="567.643" y="567.248" transform="matrix(0.826913, 0, 0, 0.698383, -202.267802, -163.752725)">°C</text>
   <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="259.911" y="265.18">MPa</text>
@@ -1981,10 +1971,8 @@
   <text style="white-space: pre; fill: rgb(51, 51, 51); font-family: Arial, sans-serif; font-size: 9px; stroke-width: 1;" x="893.661" y="239.324" id="c_2017">####</text>
   <text style="fill: rgb(51, 51, 51); font-family: Bahnschrift; font-size: 9px; white-space: pre; font-weight: bolder;" transform="matrix(0.705508, 0, 0, 0.49184, 796.826824, 48.14839)" x="38.471" y="128.844">Plant Air Reciever</text>
   <ellipse style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(253, 0, 0);" cx="147.209" cy="181.854" rx="14.791" ry="11.808" id="c_2022"/>
-  <g id="c_2018" transform="matrix(1, 0, 0, 1, -4, 2)">
-    <ellipse style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(7, 250, 14);" cx="61.102" cy="63.39" rx="14.791" ry="11.808" id="c_2018"/>
-  </g>
-  <ellipse style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(252, 0, 0);" cx="57.388" cy="122.915" rx="14.791" ry="11.808" id="c_2019"/>
+  <ellipse style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(7, 250, 14);" cx="57.102" cy="65.832" rx="14.791" ry="11.808" id="c_2018"/>
+  <ellipse style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(7, 250, 14);" cx="57.388" cy="122.915" rx="14.791" ry="11.808" id="c_2019"/>
   <ellipse style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(0, 248, 13);" cx="58.103" cy="180.738" rx="14.791" ry="11.808" id="c_2021"/>
-  <ellipse style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(255, 0, 0);" cx="146.325" cy="124.501" rx="14.791" ry="11.808" id="c_2020"/>
+  <ellipse style="stroke: rgb(0, 0, 0); stroke-width: 0.693; fill: rgb(255, 145, 53);" cx="146.325" cy="124.501" rx="14.791" ry="11.808" id="c_2020"/>
 </svg>
\ No newline at end of file
diff --git a/src/components/Global/MqttConnection.jsx b/src/components/Global/MqttConnection.jsx
index 2dbe549..08502bb 100644
--- a/src/components/Global/MqttConnection.jsx
+++ b/src/components/Global/MqttConnection.jsx
@@ -81,7 +81,7 @@ const StatusColor = (el, num) => {
             el.style.fill = 'orange';
             break;
         case 2:
-            el.style.fill = 'green';
+            el.style.fill = 'rgb(7,250,14)';
             break;
         default:
             el.style.fill = 'rgb(216,216,216)';