diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 3c75a6766..0fd3317e0 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -489,6 +489,10 @@ body.small-nav {
   .leaflet-control-attribution a {
     color: var(--bs-link-color);
   }
+
+  .leaflet-control-scale-line {
+    @extend .border-light, .border-opacity-75;
+  }
 }
 
 /* Rules for attribution text under the main map shown on printouts */