diff --git a/src/static/css/pad.css b/src/static/css/pad.css
index 1b730c3c..5b5d7dec 100644
--- a/src/static/css/pad.css
+++ b/src/static/css/pad.css
@@ -1262,3 +1262,9 @@ input[type=checkbox] {
   -moz-osx-font-smoothing: grayscale;
 }
 
+.hideControlsEditor{
+  top:0px !important;
+}
+.hideControlsEditbar{
+  display:none !important;
+}
diff --git a/src/static/js/pad.js b/src/static/js/pad.js
index 71fae678..0d896a60 100644
--- a/src/static/js/pad.js
+++ b/src/static/js/pad.js
@@ -110,7 +110,7 @@ function randomString()
 //   callback: the function to call when all above succeeds, `val` is the value supplied by the user
 var getParameters = [
   { name: "noColors",         checkVal: "true",  callback: function(val) { settings.noColors = true; $('#clearAuthorship').hide(); } },
-  { name: "showControls",     checkVal: "false", callback: function(val) { $('#editbar').hide(); $('#editorcontainer').css({"top":"0px"}); } },
+  { name: "showControls",     checkVal: "false", callback: function(val) { $('#editbar').addClass('hideControlsEditbar'); $('#editorcontainer').addClass('hideControlsEditor'); } },
   { name: "showChat",         checkVal: "false", callback: function(val) { $('#chaticon').hide(); } },
   { name: "showLineNumbers",  checkVal: "false", callback: function(val) { settings.LineNumbersDisabled = true; } },
   { name: "useMonospaceFont", checkVal: "true",  callback: function(val) { settings.useMonospaceFontGlobal = true; } },