diff --git a/client/assets/css/Channels.css b/client/assets/css/Channels.css
index 761212bd..0d05a6b2 100644
--- a/client/assets/css/Channels.css
+++ b/client/assets/css/Channels.css
@@ -5,6 +5,16 @@
     min-height: 760px;
 }
 
+.channels-body > .closedChanStrip {
+    margin-left: -630px;
+    transition: margin 300ms;
+}
+
+.channels-body > .openChanStrip {
+    margin-left: 0px;
+    transition: margin 800ms;
+}
+
 .channels-mix-body {
     position: fixed;
     z-index: 2;
diff --git a/client/components/Channels.tsx b/client/components/Channels.tsx
index bd1c8142..1d2490cc 100644
--- a/client/components/Channels.tsx
+++ b/client/components/Channels.tsx
@@ -73,10 +73,14 @@ class Channels extends React.Component<IChannelsInjectProps & Store> {
                 :
                 null
             }
-            {(this.props.settings.showChanStrip >= 0  || this.props.settings.offtubeMode) ?
-                <ChanStrip faderIndex={this.props.settings.showChanStrip}/>
+            {(this.props.settings.showChanStrip >= 0) ?
+                <div className="openChanStrip">
+                    <ChanStrip faderIndex={this.props.settings.showChanStrip}/>
+                </div>
                 :
-                null
+                <div className="closedChanStrip">
+                    <ChanStrip faderIndex={this.props.settings.showChanStrip}/>
+                </div>
             }
             {(this.props.settings.showMonitorOptions >= 0) ?
                 <ChannelMonitorOptions faderIndex={this.props.settings.showMonitorOptions}/>