diff --git a/adev/src/app/editor/code-editor/code-editor.component.scss b/adev/src/app/editor/code-editor/code-editor.component.scss
index f973a3bd7b5..3b6c94aaee7 100644
--- a/adev/src/app/editor/code-editor/code-editor.component.scss
+++ b/adev/src/app/editor/code-editor/code-editor.component.scss
@@ -122,6 +122,7 @@
   // adjust height for terminal tabs
   // so that scroll bar & content do not render under tabs
   height: calc(100% - 49px);
+  transition: height 0.3s ease;
 
   &-hidden {
     display: none;