diff --git a/source/Ox.UI/css/Ox.UI.css b/source/Ox.UI/css/Ox.UI.css
index a0ed5c40..aa0e7ce3 100644
--- a/source/Ox.UI/css/Ox.UI.css
+++ b/source/Ox.UI/css/Ox.UI.css
@@ -1341,8 +1341,7 @@ Maps
 }
 .OxMap .OxLabel.OxMapControl.OxMapScale {
     right: 4px;
-    //bottom: 17px;
-    bottom: 4px;
+    bottom: 19px;
 }
 
 .OxMap .OxPlaceControl.OxPlaceFlag {
diff --git a/source/Ox.UI/js/Map/Ox.Map.js b/source/Ox.UI/js/Map/Ox.Map.js
index 1125eb9b..14a7d044 100644
--- a/source/Ox.UI/js/Map/Ox.Map.js
+++ b/source/Ox.UI/js/Map/Ox.Map.js
@@ -860,6 +860,13 @@ Ox.Map = function(options, self) {
             Ox.forEach(self.$placeControls, function($placeControl) {
                 $placeControl.appendTo(self.$map);
             });
+            setTimeout(function() {
+                var element = self.$map.$element[0].children[0].children[2].children[0];
+                element.style.backgroundImage = '-webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.1) 50px)';
+                element.style.color = 'rgb(192, 192, 192)';
+                element.style.textShadow = '1px 1px 0 rgb(64, 64, 64)';
+                element.children[3].style.color = 'rgb(192, 192, 192)';
+            }, 0)
 		}
     }