diff --git a/services/web/app/views/project/editor/editor-with-symbol-palette.pug b/services/web/app/views/project/editor/editor-with-symbol-palette.pug
index 32fb59b0ac..a3cc554328 100644
--- a/services/web/app/views/project/editor/editor-with-symbol-palette.pug
+++ b/services/web/app/views/project/editor/editor-with-symbol-palette.pug
@@ -20,7 +20,7 @@
 			vertical-resizable-panes-default-size="196"
 			vertical-resizable-panes-min-size="144"
 			vertical-resizable-panes-max-size="336"
-			vertical-resizable-panes-resize-on="left-pane-resize-all"
+			vertical-resizable-panes-resize-on="layout:flat-screen:toggle"
 		)
 			.div(vertical-resizable-top)
 
diff --git a/services/web/frontend/js/ide/directives/verticalResizablePanes.js b/services/web/frontend/js/ide/directives/verticalResizablePanes.js
index e447a44e58..421d865c1c 100644
--- a/services/web/frontend/js/ide/directives/verticalResizablePanes.js
+++ b/services/web/frontend/js/ide/directives/verticalResizablePanes.js
@@ -96,8 +96,10 @@ export default App.directive('verticalResizablePanes', (localStorage, ide) => ({
     }
 
     if (resizeOn) {
-      scope.$on(resizeOn, () => {
-        layoutHandle.resizeAll()
+      ide.$scope.$on(resizeOn, () => {
+        ide.$timeout(() => {
+          layoutHandle.resizeAll()
+        })
       })
     }