diff --git a/webserial/src/editor/Monaco.svelte b/webserial/src/editor/Monaco.svelte
index 0b042b5..985a087 100644
--- a/webserial/src/editor/Monaco.svelte
+++ b/webserial/src/editor/Monaco.svelte
@@ -23,6 +23,7 @@
         editor = monaco.editor.create(divEl, {
             value: $code,
             language: "typescript",
+            automaticLayout: true,
         });
 
         let lib =
@@ -39,10 +40,16 @@
     });
 </script>
 
-<div bind:this={divEl} />
+<div class="parent">
+    <div class="editor" bind:this={divEl} />
+</div>
 
 <style lang="scss">
-    div {
+    .parent {
         flex-grow: 1;
     }
+
+    .editor {
+        height: 100%;
+    }
 </style>