diff --git a/html/force-big.css b/html/force-big.css
index c4ea7f0..47bef13 100644
--- a/html/force-big.css
+++ b/html/force-big.css
@@ -49,6 +49,6 @@
   fill: #C83771;
 }
 
-sidebar {
+#sidebar {
   color: #ddd;
 }
diff --git a/html/force-light.css b/html/force-light.css
index 7c8735e..d2e25f9 100644
--- a/html/force-light.css
+++ b/html/force-light.css
@@ -55,6 +55,6 @@
   fill: #C83771;
 }
 
-sidebar {
+#sidebar {
   color: #777;
 }
diff --git a/html/force.css b/html/force.css
index 6c99999..b5f41e7 100644
--- a/html/force.css
+++ b/html/force.css
@@ -131,7 +131,7 @@
     text-shadow: none;
 }
 
-sidebar {
+#sidebar {
   position: absolute;
   top: 1em;
   right: 1.5em;
@@ -153,7 +153,7 @@ sidebar {
   vertical-align: center;
 }
 
-sidebar h2 {
+#sidebar h2 {
   margin-top: 0;
   font-size: 9pt;
 }
diff --git a/html/force.js b/html/force.js
index 156ffd3..131c6a7 100644
--- a/html/force.js
+++ b/html/force.js
@@ -94,7 +94,7 @@ btns.append("button")
     .text("VPN")
     .on("click", update_graph)
 
-var meshinfo = d3.select("sidebar")
+var meshinfo = d3.select("#sidebar")
                  .insert("div", ":first-child")
 
 meshinfo.append("h2").text("Mesh")
diff --git a/html/nodes.html b/html/nodes.html
index 13bbb7a..e91eccf 100644
--- a/html/nodes.html
+++ b/html/nodes.html
@@ -22,7 +22,7 @@
       </ul>
     </header>
     <div id="chart">
-      <sidebar>
+      <div id="sidebar">
         <div id="legend">
           <h2>Legende</h2>
           <ul>
@@ -66,7 +66,7 @@
             </li>
           </ul>
         </div>
-      </sidebar>
+      </div>
     </div>
     <script src='force.js' type='text/javascript'></script>
   </body>