diff --git a/src/index.css b/src/index.css
index 233699e..c405367 100644
--- a/src/index.css
+++ b/src/index.css
@@ -112,6 +112,14 @@
   z-index: 0;
 }
 
+/* Push Leaflet bottom controls (attribution, zoom) above the mobile nav bar.
+   The nav bar is ~60px tall + safe area inset. This prevents "Map data © OpenStreetMap"
+   from overlapping the navigation buttons on mobile. */
+.leaflet-bottom {
+  bottom: env(safe-area-inset-bottom, 0px);
+  padding-bottom: 64px;
+}
+
 .leaflet-popup-content-wrapper {
   border-radius: calc(var(--radius) - 4px);
   box-shadow: 0 10px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);