diff --git a/lib/template/address-html.php b/lib/template/address-html.php
index ed5c39eb..fef38954 100644
--- a/lib/template/address-html.php
+++ b/lib/template/address-html.php
@@ -96,7 +96,10 @@
 <?php } ?>
 
 		<div id="map-wrapper">
-			<div id="map-position"></div>
+			<div id="map-position">
+				<div id="map-position-inner"></div>
+				<div id="map-position-close"><a href="#">hide</a></div>
+			</div>
 			<div id="map"></div>
 		</div>
 
diff --git a/website/css/search.css b/website/css/search.css
index 2e3dd4be..d018ab94 100644
--- a/website/css/search.css
+++ b/website/css/search.css
@@ -53,7 +53,7 @@ form label {
 #map-position {
   display: none;
   position: absolute;
-  bottom: 0;
+  top: 0;
   right: 20px;
   padding: 0 5px;
   color: #333;
diff --git a/website/js/nominatim-ui.js b/website/js/nominatim-ui.js
index 9622f821..d1cd4548 100644
--- a/website/js/nominatim-ui.js
+++ b/website/js/nominatim-ui.js
@@ -31,7 +31,7 @@ jQuery(document).on('ready', function(){
 
 	var MapPositionControl = L.Control.extend({
 			options: {
-					position: 'bottomright'
+					position: 'topright'
 			},
 
 			onAdd: function (map) {