diff --git a/meshview/templates/map.html b/meshview/templates/map.html
index 0625f43..fda884b 100644
--- a/meshview/templates/map.html
+++ b/meshview/templates/map.html
@@ -190,6 +190,11 @@ function applyTranslationsMap(root = document) {
 var map = L.map('map');
 L.tileLayer('https://tile.openstreetmap.org/{z}/{x}/{y}.png',
     { maxZoom:19, attribution:'© OpenStreetMap' }).addTo(map);
+L.control.scale({
+    position: 'bottomleft',
+    metric: true,
+    imperial: true
+}).addTo(map);
 
 // Data structures
 var nodes = [], markers = {}, markerById = {}, nodeMap = new Map();
diff --git a/meshview/templates/node.html b/meshview/templates/node.html
index dd30199..d2150e7 100644
--- a/meshview/templates/node.html
+++ b/meshview/templates/node.html
@@ -828,6 +828,11 @@ function initMap(){
     L.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
         attribution:'© OpenStreetMap'
     }).addTo(map);
+    L.control.scale({
+        position: 'bottomleft',
+        metric: true,
+        imperial: true
+    }).addTo(map);
 }
 
 async function toggleCoverage() {