diff --git a/packages/app/src/features/MonakoEditor/MonacoEditor.tsx b/packages/app/src/features/MonakoEditor/MonacoEditor.tsx
index 221a81710..1c3dd1a7e 100644
--- a/packages/app/src/features/MonakoEditor/MonacoEditor.tsx
+++ b/packages/app/src/features/MonakoEditor/MonacoEditor.tsx
@@ -4,6 +4,7 @@ import React, {
 	Ref,
 	useCallback,
 	useEffect,
+	useLayoutEffect,
 	useRef,
 	useState,
 } from 'react';
@@ -268,14 +269,14 @@ export const MonacoEditor = ({
 	}, [isReadOnly]);
 
 	// Update value
-	useEffect(() => {
+	useLayoutEffect(() => {
 		const editor = editorRef.current;
 		if (!editor) return;
 
 		if (editor.getValue() !== value) {
 			editor.setValue(value);
 		}
-	});
+	}, [value]);
 
 	// Update config
 	useEffect(() => {