diff --git a/tools/web_monitor/templates/index.html b/tools/web_monitor/templates/index.html
index c7f99234..8ce2e32c 100644
--- a/tools/web_monitor/templates/index.html
+++ b/tools/web_monitor/templates/index.html
@@ -10,7 +10,7 @@
 
 <script>
 if (!window.WebSocket) alert("WebSocket not supported by this browser");
-var ws = new WebSocket("ws://{{request.url.hostname}}:10000/dashboard/ws");
+var ws = new WebSocket("ws://{{request.url.hostname}}:{{request.url.port}}/dashboard/ws");
 let all_data = []
 let all_labels = []
 ws.onmessage = function(event) {
diff --git a/tools/web_monitor/templates/miner.html b/tools/web_monitor/templates/miner.html
index 59e90230..030d2bc6 100644
--- a/tools/web_monitor/templates/miner.html
+++ b/tools/web_monitor/templates/miner.html
@@ -91,7 +91,7 @@
 </div>
 
 <script>
-var ws = new WebSocket("ws://{{request.url.hostname}}:80/miner/{{miner}}/ws");
+var ws = new WebSocket("ws://{{request.url.hostname}}:{{request.url.port}}/miner/{{miner}}/ws");
 let all_data = []
 let all_labels = []
 ws.onmessage = function(event) {
diff --git a/tools/web_monitor/templates/scan.html b/tools/web_monitor/templates/scan.html
index 2ce7cc24..1b63015c 100644
--- a/tools/web_monitor/templates/scan.html
+++ b/tools/web_monitor/templates/scan.html
@@ -56,7 +56,7 @@
         window.post = function(url, data) {
           return fetch(url, {method: "POST", headers: {'Content-Type': 'application/json'}, body: JSON.stringify(data)});
         }
-        var ws = new WebSocket("ws://{{request.url.hostname}}:80/scan/ws");
+        var ws = new WebSocket("ws://{{request.url.hostname}}:{{request.url.port}}/scan/ws");
         ws.onmessage = function(event) {
             if (event.data == "Done") {
                 document.getElementById("scanButton").innerHTML = "Scan"