diff --git a/resources/ui/map/canvas.html b/resources/ui/map/canvas.html
index 3c035992..b6382e92 100644
--- a/resources/ui/map/canvas.html
+++ b/resources/ui/map/canvas.html
@@ -18,7 +18,7 @@
     <link
         rel="stylesheet"
         href="https://unpkg.com/leaflet-groupedlayercontrol@0.6.1/dist/leaflet.groupedlayercontrol.min.css" 
-        crossorigin="sha384-jTaPj8/7LfdZXicEJ/SUWan4gkbYw6lXyoRUNPMmNV3fYVfBzHJK8wD6A8Djh+3A">
+        crossorigin="">
     <script
         src="https://unpkg.com/leaflet-groupedlayercontrol@0.6.1/dist/leaflet.groupedlayercontrol.min.js"
         integrity="sha384-XAr1poM2RCR9/QQFki7ylrGSdmvYE0NuHghuRuxb/k9zJQA53y6qR5te5jJRZlcL"
diff --git a/resources/ui/map/map.js b/resources/ui/map/map.js
index 381c79f8..e291cbc4 100644
--- a/resources/ui/map/map.js
+++ b/resources/ui/map/map.js
@@ -20,6 +20,7 @@ const Colors = Object.freeze({
 });
 
 var map = L.map("map").setView([0, 0], 3);
+L.control.scale({ maxWidth: 200 }).addTo(map);
 
 // https://esri.github.io/esri-leaflet/api-reference/layers/basemap-layer.html
 var baseLayers = {