diff --git a/packages/studio/src/workbench/EditorPane.jsx b/packages/studio/src/workbench/EditorPane.jsx
index c397581..87fcf96 100644
--- a/packages/studio/src/workbench/EditorPane.jsx
+++ b/packages/studio/src/workbench/EditorPane.jsx
@@ -50,6 +50,8 @@ export const ErrorOverlay = styled.div`
 `;
 
 export default observer(function EditorPane() {
+
+  let debounceReference = null;
   const store = useEditorStore();
 
   const handleEditorDidMount = (editor, monaco) => {
@@ -84,7 +86,10 @@ export default observer(function EditorPane() {
         theme="vs-dark"
         height="100%"
         onChange={(e) => {
-          store.code.update(e, true);
+          if (debounceReference) clearTimeout(debounceReference);
+          debounceReference = setTimeout( () => {
+            store.code.update(e, true);
+          }, 400 )
         }}
         onMount={handleEditorDidMount}
         options={{