diff --git a/src/components/map/map.module.css b/src/components/map/map.module.css
index 079dbd74..d26e5bfe 100644
--- a/src/components/map/map.module.css
+++ b/src/components/map/map.module.css
@@ -49,12 +49,11 @@
   position: relative;
   height: 100%;
   width: 100%;
-}
-
-.borderRadius__top canvas {
   border-radius: 0 0 var(--border-radius-regular) var(--border-radius-regular);
+  overflow: hidden;
 }
-.borderRadius canvas {
+
+.mapContainer__borderRadius {
   border-radius: var(--border-radius-regular);
 }
 
diff --git a/src/components/map/map.tsx b/src/components/map/map.tsx
index 4dc8001f..3de565a5 100644
--- a/src/components/map/map.tsx
+++ b/src/components/map/map.tsx
@@ -110,7 +110,7 @@ export function Map({
             ref={mapContainer}
             className={and(
               style.mapContainer,
-              mapLegs ? style.borderRadius : style.borderRadius__top,
+              mapLegs && style.mapContainer__borderRadius,
             )}
           />
         </FocusScope>