diff --git a/app/assets/stylesheets/bootstrap_and_overrides.css.less b/app/assets/stylesheets/bootstrap_and_overrides.css.less
index 6bc825068..5fed97978 100644
--- a/app/assets/stylesheets/bootstrap_and_overrides.css.less
+++ b/app/assets/stylesheets/bootstrap_and_overrides.css.less
@@ -147,6 +147,10 @@ p.stats {
   margin-left: 0px;
 }
 
+#map {
+  height: 500px;
+}
+
 // Overrides applying only to mobile view
 
 @media only screen and (max-width: 767px) {
@@ -155,4 +159,8 @@ p.stats {
     border-left: none;
     padding-left: 0;
   }
+
+  #map {
+    height: 300px;
+  }
 }
diff --git a/app/views/places/index.html.haml b/app/views/places/index.html.haml
index a390c2fa8..82dbbf55b 100644
--- a/app/views/places/index.html.haml
+++ b/app/views/places/index.html.haml
@@ -1,6 +1,6 @@
 -content_for :title, "Places"
 
-%div#map{ :style => "height:500px"}
+%div#map
 
 <script src="/assets/leaflet.js?body=1" type="text/javascript"></script>