diff --git a/src/app/modules/map/widget/map-widget.component.ts b/src/app/modules/map/widget/map-widget.component.ts
index 4846fb38..a3dd5540 100644
--- a/src/app/modules/map/widget/map-widget.component.ts
+++ b/src/app/modules/map/widget/map-widget.component.ts
@@ -76,6 +76,7 @@ export class MapWidgetComponent implements OnInit {
    */
   onMapReady(map: Map) {
     this.map = map;
+    this.map.dragging.disable();
     const interval = window.setInterval(() => {
       MapProvider.invalidateWhenRendered(map, this.mapContainer, interval);
     });
diff --git a/src/app/modules/map/widget/map-widget.html b/src/app/modules/map/widget/map-widget.html
index 4fcc6601..c3f7dd81 100644
--- a/src/app/modules/map/widget/map-widget.html
+++ b/src/app/modules/map/widget/map-widget.html
@@ -7,7 +7,7 @@
 ></div>
 <div class="map-buttons">
   <ion-button
-    color="light"
+    color="primary"
     shape="round"
     size="small"
     [routerLink]="['/map', place.uid]"
diff --git a/src/app/modules/map/widget/map-widget.scss b/src/app/modules/map/widget/map-widget.scss
index 97624a3f..482425b2 100644
--- a/src/app/modules/map/widget/map-widget.scss
+++ b/src/app/modules/map/widget/map-widget.scss
@@ -2,6 +2,7 @@ div.map-container {
   height: 100%;
   width: 100%;
   display: block;
+  pointer-events: none;
 }
 
 div.map-buttons {