diff --git a/templates/partials/projects/project_dashboard.html b/templates/partials/projects/project_dashboard.html
index 7d9387b..5b859e2 100644
--- a/templates/partials/projects/project_dashboard.html
+++ b/templates/partials/projects/project_dashboard.html
@@ -95,8 +95,12 @@
                 </a>
             {% endif %}
         </div>
+        <!-- `isolation: isolate` forces a new stacking context so Leaflet's
+             internal z-indexes (panes at 200-700, controls at 800) stay
+             contained inside this div instead of leaking into the root
+             stacking context and rendering over modals (which have z-50). -->
         <div id="project-location-map" class="w-full rounded-lg border border-gray-200 dark:border-gray-700"
-             style="height: 320px; background: rgba(0,0,0,0.05);"></div>
+             style="height: 320px; background: rgba(0,0,0,0.05); isolation: isolate;"></div>
         <div id="project-location-map-empty" class="hidden text-xs text-gray-500 dark:text-gray-400 mt-2 italic text-center">
             No location coordinates set.  Edit a location and add a <code class="font-mono">lat,lon</code> pair to see it here.
         </div>