diff --git a/cloudcmd.js b/cloudcmd.js
index 97d16a5f..b0e5d0f6 100644
--- a/cloudcmd.js
+++ b/cloudcmd.js
@@ -58,8 +58,8 @@
             ]);
         
         if (!Config.show_keys_panel) {
-            lKeysPanel  = '<div id=keyspanel';
-            lData       = lData.replace(lKeysPanel, lKeysPanel +' class=hidden');
+            lKeysPanel  = '<div class="keyspanel';
+            lData       = lData.replace(lKeysPanel + '"', lKeysPanel +' hidden"');
         }
         
         lData = Util.render(lData, {
diff --git a/css/style.css b/css/style.css
index ff0977e5..7d305fd1 100644
--- a/css/style.css
+++ b/css/style.css
@@ -32,7 +32,7 @@ body {
 }
 
 .fm, #left>li, #right>li, .path, .fm-header,
-.mini-icon, .name, .size, .owner, .mode, #keyspanel, .cmd-button {
+.mini-icon, .name, .size, .owner, .mode, .keyspanel, .cmd-button {
     -webkit-user-select : none;
     -moz-user-select    : none;
     -ms-user-select     : none;
@@ -200,7 +200,7 @@ body {
     border-color: rgba(254, 159, 224, .40);
 }
 
-#keyspanel {
+.keyspanel {
   text-align: center;
 }
 
diff --git a/html/index.html b/html/index.html
index 0870f6b1..dc82a90e 100644
--- a/html/index.html
+++ b/html/index.html
@@ -16,7 +16,7 @@
     <body>
     
     <div class=fm>{{ fm }}</div>
-    <div id=keyspanel>
+    <div class="keyspanel">
         <button id=f1 class=cmd-button>F1 - help</button>
         <button id=f2 class=cmd-button>F2 - rename</button>
         <button id=f3 class=cmd-button>F3 - view</button>
