diff --git a/src/frontend/app/ui/gallery/gallery.component.css b/src/frontend/app/ui/gallery/gallery.component.css
index 1d49d6fd..70539187 100644
--- a/src/frontend/app/ui/gallery/gallery.component.css
+++ b/src/frontend/app/ui/gallery/gallery.component.css
@@ -49,6 +49,10 @@ app-gallery-map {
   position: absolute;
   right: 4px
 }
+.blog-wrapper + app-gallery-map {
+  border-top-right-radius: var(--bs-border-radius);
+  border-bottom-right-radius: var(--bs-border-radius);
+}
 
 .directories {
   margin-right: 2px;
diff --git a/src/frontend/app/ui/gallery/map/lightbox/lightbox.map.gallery.component.css b/src/frontend/app/ui/gallery/map/lightbox/lightbox.map.gallery.component.css
index 8304a071..2ae86358 100644
--- a/src/frontend/app/ui/gallery/map/lightbox/lightbox.map.gallery.component.css
+++ b/src/frontend/app/ui/gallery/map/lightbox/lightbox.map.gallery.component.css
@@ -89,7 +89,7 @@
   position: absolute;
   border: 3px solid;
   transform: rotate(-45deg);
-  background-color: rgba(248, 249, 250, 0.9);
+  background-color: rgb(248, 249, 250);
 }
 
 ::ng-deep .marker-svg-shadow {
diff --git a/src/frontend/app/ui/gallery/map/map.gallery.component.html b/src/frontend/app/ui/gallery/map/map.gallery.component.html
index 8430167a..08cc7d8b 100644
--- a/src/frontend/app/ui/gallery/map/map.gallery.component.html
+++ b/src/frontend/app/ui/gallery/map/map.gallery.component.html
@@ -1,7 +1,10 @@
 <app-gallery-map-lightbox [photos]="photos" [gpxFiles]="gpxFiles"></app-gallery-map-lightbox>
-<div class="clickable" id="map" #map>
+<div class="clickable"
+     style="border-radius: inherit"
+     id="map" #map>
   <div
-    class="leaflet-map rounded-end-2"
+    class="leaflet-map"
+    style="border-radius: inherit"
     leaflet
     [leafletOptions]="options"
     [leafletLayers]="markerLayer"