diff --git a/app/css/app.css b/app/css/app.css
index 51b89db..b48a3a4 100644
--- a/app/css/app.css
+++ b/app/css/app.css
@@ -876,6 +876,12 @@ button:focus {
 #filmout_stats_monitor {
   right: 5px;
 }
+.hide {
+  display: none;
+}
+.show {
+  display: block;
+}
 #screens {
   overflow-x: hidden;
 }
diff --git a/app/index.html b/app/index.html
index d53e1ee..9f1935c 100644
--- a/app/index.html
+++ b/app/index.html
@@ -144,14 +144,14 @@
                 <i class="fa fa-step-backward"></i>
               </button>
             </div>
-            <div>
+            <div class="hide">
               <button id="cmd_black_forward" onclick="cmd.black_forward();" class="cmd fwd">
                 <i class="fa fa-times-circle"></i> 
                 BLANK +1
                 <i class="fa fa-step-forward"></i>
               </button>
             </div>
-            <div>
+            <div class="hide">
               <button id="cmd_black_backward" onclick="cmd.black_backward();" class="cmd bwd">
                 <i class="fa fa-times-circle"></i> 
                 BLANK -1
diff --git a/app/less/app.less b/app/less/app.less
index 75b646b..1ff9bc2 100644
--- a/app/less/app.less
+++ b/app/less/app.less
@@ -10,6 +10,13 @@
 @import "./mscript.less";
 @import "./filmout.less";
 
+.hide {
+	display: none;
+}
+.show {
+	display: block;
+}
+
 #screens{
 	overflow-x: hidden;
 }