diff --git a/src/modules/events/views/EventsMapPage.vue b/src/modules/events/views/EventsMapPage.vue
index c814ef6..1836af5 100644
--- a/src/modules/events/views/EventsMapPage.vue
+++ b/src/modules/events/views/EventsMapPage.vue
@@ -34,7 +34,10 @@ onMounted(() => {
 
     <!-- No geotagged events -->
     <div v-else-if="!isLoading && geoEvents.length === 0" class="flex-1 flex flex-col items-center justify-center text-center px-4">
-      <Map class="w-16 h-16 text-muted-foreground/30 mb-4" />
+      <!-- opacity-30 on the element (not /30 on the colour) so the icon's
+           overlapping fold strokes fade uniformly instead of compounding
+           alpha where they overlap. -->
+      <Map class="w-16 h-16 text-muted-foreground opacity-30 mb-4" />
       <p class="text-muted-foreground">No geotagged events found</p>
       <p class="text-sm text-muted-foreground/70 mt-1">Events with location data will appear as markers on the map</p>
     </div>