diff --git a/history.html b/history.html
index 5bc316e..3cc3dc3 100644
--- a/history.html
+++ b/history.html
@@ -161,7 +161,7 @@
         box-sizing: border-box;
       }
 
-      #sidebardata, #map {
+      #sidebardata, .map {
         height: 100vh;
       }
 
@@ -258,7 +258,7 @@
           display: none;
         }
 
-        #map {
+        .map {
           height: 60vh;
         }
 
@@ -290,8 +290,6 @@
     <script src="history.js"></script>
   </head>
   <body>
-    <div id="map">
-    </div>
     <div id="sidebar">
       <button id="sidebarhandle">
       </button>
diff --git a/history.js b/history.js
index 37a484f..e911288 100644
--- a/history.js
+++ b/history.js
@@ -34,7 +34,11 @@ function main() {
                     zoomControl: false
                   }
 
-    var map = L.map(document.getElementById("map"), options)
+    var mapDiv = document.createElement("div")
+    mapDiv.classList.add("map")
+    document.body.insertBefore(mapDiv, document.body.firstChild)
+
+    var map = L.map(mapDiv, options)
 
     var sh = document.getElementById("sidebarhandle")
     sh.onclick = function () {
