diff --git a/htdocs/map.css b/htdocs/map.css
index 55cb4aa..a982e1b 100644
--- a/htdocs/map.css
+++ b/htdocs/map.css
@@ -1,6 +1,7 @@
-html, body {
+html, body, .openwebrx-map {
     width: 100%;
     height: 100%;
+    margin: 0;
 }
 
 h3 {
diff --git a/htdocs/map.html b/htdocs/map.html
index 056cc14..9e4b25b 100644
--- a/htdocs/map.html
+++ b/htdocs/map.html
@@ -9,5 +9,6 @@
     <meta charset="utf-8">
 </head>
 <body>
+    <div class="openwebrx-map"></div>
 </body>
 </html>
diff --git a/htdocs/map.js b/htdocs/map.js
index 56aa29b..6ca108c 100644
--- a/htdocs/map.js
+++ b/htdocs/map.js
@@ -121,7 +121,7 @@
                 case "config":
                     var config = json.value;
                     $.getScript("https://maps.googleapis.com/maps/api/js?key=" + config.google_maps_api_key).done(function(){
-                        map = new google.maps.Map($('body')[0], {
+                        map = new google.maps.Map($('.openwebrx-map')[0], {
                             center: {
                                 lat: config.receiver_gps[0],
                                 lng: config.receiver_gps[1]
