diff --git a/frontend/src/Editor/EditorFunc.jsx b/frontend/src/Editor/EditorFunc.jsx
index fb68366e27..abc5a9c6f2 100644
--- a/frontend/src/Editor/EditorFunc.jsx
+++ b/frontend/src/Editor/EditorFunc.jsx
@@ -446,6 +446,13 @@ const EditorComponent = (props) => {
     }
   };
 
+  useEffect(() => {
+    if (mounted) {
+      getCanvasWidth();
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [currentLayout]);
+
   const computeCanvasContainerHeight = () => {
     // 45 = (height of header)
     // 85 = (the height of the query panel header when minimised) + (height of header)