diff --git a/app/charts/map/map.tsx b/app/charts/map/map.tsx
index 717fdfbc4..a946bba22 100644
--- a/app/charts/map/map.tsx
+++ b/app/charts/map/map.tsx
@@ -222,7 +222,7 @@ export const MapComponent = () => {
 
     return new GeoJsonLayer({
       id: "areaLayer",
-      beforeId: "water_polygon",
+      beforeId: showBaseLayer ? "water_polygon" : undefined,
       // @ts-ignore - FIXME: properly type data & getFillColor fields
       data: sortedShapes,
       pickable: true,