diff --git a/client/styles/layout/_ide.scss b/client/styles/layout/_ide.scss
index bf7c5ae903..3c2f5e9de4 100644
--- a/client/styles/layout/_ide.scss
+++ b/client/styles/layout/_ide.scss
@@ -8,6 +8,11 @@
   z-index: 0;
 }
 
+// Select and animate the split-pane which covers the console
+.editor-preview-subpanel > div:last-child {
+  transition: 0.2s ease-in-out;
+}
+
 .editor-accessibility {
   @extend %hidden-element;
 }