diff --git a/tools/web_monitor/app.py b/tools/web_monitor/app.py
index 24071c56..2b8c2ac0 100644
--- a/tools/web_monitor/app.py
+++ b/tools/web_monitor/app.py
@@ -45,8 +45,8 @@ async def miner_websocket(websocket: WebSocket, miner_ip):
     try:
         while True:
             try:
-                miner = await asyncio.wait_for(miner_factory.get_miner(str(miner_ip)), 5)
-                miner_summary = await asyncio.wait_for(miner.api.summary(), 5)
+                cur_miner = await asyncio.wait_for(miner_factory.get_miner(str(miner_ip)), 5)
+                miner_summary = await asyncio.wait_for(cur_miner.api.summary(), 5)
                 if 'MHS av' in miner_summary['SUMMARY'][0].keys():
                     hashrate = format(
                         round(miner_summary['SUMMARY'][0]['MHS av'] / 1000000,
diff --git a/tools/web_monitor/templates/miner.html b/tools/web_monitor/templates/miner.html
index 307e49cb..7e388aa9 100644
--- a/tools/web_monitor/templates/miner.html
+++ b/tools/web_monitor/templates/miner.html
@@ -142,16 +142,23 @@ var options_fans = {
     }
 };
 
+var fanCtx = document.getElementById("fan-chart-1").getContext("2d");
+var fanWidth = document.getElementById("fan-chart-1").width*(3/4);
+var fanChartGradient = fanCtx.createLinearGradient(0, 0, fanWidth, 0)
+fanChartGradient.addColorStop(0, '#D0368A');
+fanChartGradient.addColorStop(1, '#708AD4');
+
+
 var fan1Chart = new Chart(document.getElementById("fan-chart-1"), {
     type: "doughnut",
     data: {
         labels: ["Fan 1"],
         datasets: [
             {
-                data: [100, 200],
+                data: [100, 100],
                 // add colors
                 backgroundColor: [
-                    "rgba(103, 0, 221, 1)",
+                    fanChartGradient,
                     "rgba(199, 199, 199, 1)"
                 ]
             },
@@ -165,10 +172,10 @@ var fan2Chart = new Chart(document.getElementById("fan-chart-2"), {
         labels: ["Fan 2"],
         datasets: [
             {
-                data: [100, 200],
+                data: [300, 100],
                 // add colors
                 backgroundColor: [
-                    "rgba(103, 0, 221, 1)",
+                    fanChartGradient,
                     "rgba(199, 199, 199, 1)"
                 ]
             },
@@ -182,10 +189,10 @@ var fan3Chart = new Chart(document.getElementById("fan-chart-3"), {
         labels: ["Fan 3"],
         datasets: [
             {
-                data: [100, 200],
+                data: [200, 100],
                 // add colors
                 backgroundColor: [
-                    "rgba(103, 0, 221, 1)",
+                    fanChartGradient,
                     "rgba(199, 199, 199, 1)"
                 ]
             },
@@ -199,10 +206,10 @@ var fan4Chart = new Chart(document.getElementById("fan-chart-4"), {
         labels: ["Fan 4"],
         datasets: [
             {
-                data: [100, 200],
+                data: [500, 100],
                 // add colors
                 backgroundColor: [
-                    "rgba(103, 0, 221, 1)",
+                    fanChartGradient,
                     "rgba(199, 199, 199, 1)"
                 ]
             },