diff --git a/css/app.css b/css/app.css
index 70a5eace3..270c016eb 100644
--- a/css/app.css
+++ b/css/app.css
@@ -2201,6 +2201,14 @@ img.wiki-image {
     margin-right: 10px;
 }
 
+#scale {
+    position:relative;
+    float:left;
+    height:20px;
+    width:100%;
+    padding:5px;
+}
+
 .source-switch a {
     padding: 2px 4px 4px 4px;
     border-radius: 2px;
diff --git a/index.html b/index.html
index 7cfc9e091..96c3b1057 100644
--- a/index.html
+++ b/index.html
@@ -90,6 +90,7 @@
         <script src='js/id/ui/notice.js'></script>
         <script src='js/id/ui/flash.js'></script>
         <script src='js/id/ui/save.js'></script>
+        <script src='js/id/ui/scale.js'></script>
         <script src='js/id/ui/splash.js'></script>
         <script src='js/id/ui/spinner.js'></script>
         <script src='js/id/ui/restore.js'></script>
diff --git a/js/id/ui.js b/js/id/ui.js
index 01f8ed6df..bd7e5056f 100644
--- a/js/id/ui.js
+++ b/js/id/ui.js
@@ -80,8 +80,16 @@ iD.ui = function(context) {
             .attr('class', 'map-control help-control')
             .call(iD.ui.Help(context));
 
-        var about = content.append('div')
-            .attr('class','col12 about-block fillD');
+        var aboutBlock = content.append('div')
+            .attr('class', 'col12 about-block fillD');
+
+        aboutBlock.append('div')
+            .attr('id', 'scale-block')
+            .attr('class', 'col3')
+            .call(iD.ui.Scale(context));
+
+        var about = aboutBlock.append('div')
+            .attr('class', 'col9');
 
         about.append('div')
             .attr('class', 'api-status')
diff --git a/js/id/ui/scale.js b/js/id/ui/scale.js
new file mode 100644
index 000000000..bfc82c1fb
--- /dev/null
+++ b/js/id/ui/scale.js
@@ -0,0 +1,12 @@
+iD.ui.Scale = function(context) {
+    var map = context.map();
+
+    function update(selection) {
+        selection.append('svg')
+            .attr('id', 'scale')
+    };
+
+    return function(selection) {
+        update(selection);
+    };
+};
diff --git a/test/index.html b/test/index.html
index 80790e347..f389e382b 100644
--- a/test/index.html
+++ b/test/index.html
@@ -85,6 +85,7 @@
     <script src='../js/id/ui/notice.js'></script>
     <script src='../js/id/ui/flash.js'></script>
     <script src='../js/id/ui/save.js'></script>
+    <script src='../js/id/ui/scale.js'></script>
     <script src='../js/id/ui/splash.js'></script>
     <script src='../js/id/ui/restore.js'></script>
     <script src='../js/id/ui/tag_reference.js'></script>