diff --git a/web/css/dynmap_style.css b/web/css/dynmap_style.css
index 96ddcef8..8e93ee00 100644
--- a/web/css/dynmap_style.css
+++ b/web/css/dynmap_style.css
@@ -506,7 +506,7 @@
     position: absolute;
     z-index: 10;
 
-    top: 10px;
+    top: 20px;
     right: 32px;
 
     height: 84px;
@@ -516,6 +516,16 @@
     background-image: url(../images/compass.png);
 }
 
+.compass_flat {
+	top: 10px;
+	right: 21px;
+
+	height: 105px;
+	width: 105px;
+
+	background-image: url(../images/compass_flat.png);
+}
+
 /*******************
  * Chat
  */
diff --git a/web/images/compass_flat.png b/web/images/compass_flat.png
new file mode 100644
index 00000000..3a816045
Binary files /dev/null and b/web/images/compass_flat.png differ
diff --git a/web/js/map.js b/web/js/map.js
index 3f3e57cf..2bf153ed 100644
--- a/web/js/map.js
+++ b/web/js/map.js
@@ -302,6 +302,10 @@ DynMap.prototype = {
 		if (me.maptype === map) {
 			return;
 		}
+		if (me.maptype) {
+			$('.compass').removeClass('compass_' + me.maptype.name);
+		}
+		$('.compass').addClass('compass_' + map.name);
 		var worldChanged = me.world !== map.world;
 		me.map.setMapTypeId('none');
 		me.world = map.world;