diff --git a/django_lostplaces/lostplaces/static/icons/map-marker-icon.png b/django_lostplaces/lostplaces/static/icons/map-marker-icon.png
new file mode 100644
index 0000000..969f763
Binary files /dev/null and b/django_lostplaces/lostplaces/static/icons/map-marker-icon.png differ
diff --git a/django_lostplaces/lostplaces/static/main.css b/django_lostplaces/lostplaces/static/main.css
index c940834..ed06ba1 100644
--- a/django_lostplaces/lostplaces/static/main.css
+++ b/django_lostplaces/lostplaces/static/main.css
@@ -1641,6 +1641,26 @@ body {
   .LP-ImageGrid__Item > .LP-Link:hover + .LP-ImageGrid__DeleteItem, .LP-ImageGrid__DeleteItem:hover {
     visibility: visible; }
 
+.LP-Map .ol-attribution {
+  font-family: "Montserrat", Helvetica, sans-serif;
+  color: #565656; }
+  .LP-Map .ol-attribution a {
+    color: #C09F80; }
+    .LP-Map .ol-attribution a:hover, .LP-Map .ol-attribution a:focus {
+      color: #D7CEC7; }
+
+.LP-Map .ol-zoom-in, .LP-Map .ol-zoom-out {
+  background-color: #C09F80; }
+  .LP-Map .ol-zoom-in:hover, .LP-Map .ol-zoom-in:focus, .LP-Map .ol-zoom-out:hover, .LP-Map .ol-zoom-out:focus {
+    background-color: #565656; }
+
+.LP-Map .LP-Map__Popup {
+  font-family: "Montserrat", Helvetica, sans-serif;
+  color: #565656;
+  background-color: #f9f9f9;
+  padding: .5em;
+  border-radius: 2px; }
+
 .LP-MainContainer {
   margin: 0 auto;
   max-width: 1280px; }
diff --git a/django_lostplaces/lostplaces/templates/partials/osm_map.html b/django_lostplaces/lostplaces/templates/partials/osm_map.html
index bc45c53..e89a86f 100644
--- a/django_lostplaces/lostplaces/templates/partials/osm_map.html
+++ b/django_lostplaces/lostplaces/templates/partials/osm_map.html
@@ -1,6 +1,6 @@
-
-<div tabindex="1" id="map" class="map" style="height: 300px"></div>
-    <div id="info" class="map-popup"></div>
+{% load static %}
+<div tabindex="1" id="map" class="LP-Map map" style="height: 300px"></div>
+    <div id="info" class="map-popup LP-Map__Popup"></div>
 
         <script type="text/javascript">
             var map = new ol.Map({
@@ -38,7 +38,7 @@
                             anchorXUnits: 'fraction',
                             anchorYUnits: 'pixels',
                             scale: 0.3,
-                            src: 'http://icons.iconarchive.com/icons/paomedia/small-n-flat/128/map-marker-icon.png'
+                            src: '{% static "icons/map-marker-icon.png" %}'
                         })
                 })
             });