diff --git a/css/app.css b/css/app.css
index 73a1b2989..4888a813c 100644
--- a/css/app.css
+++ b/css/app.css
@@ -19,7 +19,7 @@ body {
     font-size: 15px;
 }
 
-#iD {
+#id-container {
     height: 100%;
     width: 100%;
     position: fixed;
diff --git a/index.html b/index.html
index 33f8eb4a0..5e12f7065 100644
--- a/index.html
+++ b/index.html
@@ -187,11 +187,11 @@
         <script src='data/introGraph.js'></script>
     </head>
     <body>
-        <div id='iD'></div>
+        <div id='id-container'></div>
         <script>
             iD.data.load(function() {
                 id = iD();
-                d3.select("#iD")
+                d3.select("#id-container")
                     .call(id.ui());
             });
         </script>
diff --git a/js/id/ui/lasso.js b/js/id/ui/lasso.js
index 1af0e31f8..68ba5aec6 100644
--- a/js/id/ui/lasso.js
+++ b/js/id/ui/lasso.js
@@ -6,7 +6,7 @@ iD.ui.Lasso = function() {
 
     function lasso(selection) {
 
-        d3.select('#iD').classed('lasso', true);
+        d3.select('#id-container').classed('lasso', true);
 
         group = selection.append('g')
             .attr('class', 'lasso hide');
@@ -55,7 +55,7 @@ iD.ui.Lasso = function() {
                 d3.select(this).remove();
             }));
         }
-        d3.select('#iD').classed('lasso', false);
+        d3.select('#id-container').classed('lasso', false);
     };
 
     return lasso;
