diff --git a/src/pages/rules/EditRuleBook.vue b/src/pages/rules/EditRuleBook.vue
index e91aff0..4ece3c6 100644
--- a/src/pages/rules/EditRuleBook.vue
+++ b/src/pages/rules/EditRuleBook.vue
@@ -83,8 +83,8 @@ watch(useRoute(), async route => {
 </script>
 
 <template>
-  <div  class="grid mb-2 mt-4">
-    <div class="flex flex-col">
+  <div  class="flex flex-col mb-2 mt-4 h-[calc(100vh-4.5rem)]">
+    <div class="flex flex-col grow min-h-0">
       <div class="flex grow border-b-1">
         Name:
         <input class="mb-2 ms-2" type="text" v-model="name" />
@@ -105,7 +105,7 @@ watch(useRoute(), async route => {
           </div>
         </div>
       </div>
-      <div class="flex flex-col grow border-b-1">
+      <div class="flex flex-col grow min-h-0 border-b-1">
         Script:
         <ScriptEditor class="mt-2 mb-2" v-model="script" :ledgerRefs="ledgerRefs" />
       </div>
diff --git a/src/rules/ScriptEditor.vue b/src/rules/ScriptEditor.vue
index d23b147..bc9dc34 100644
--- a/src/rules/ScriptEditor.vue
+++ b/src/rules/ScriptEditor.vue
@@ -98,6 +98,7 @@ onBeforeUnmount(() => {
 <style scoped>
 .script-editor {
   width: 100%;
-  height: 24rem;
+  flex: 1 1 auto;
+  min-height: 12rem;
 }
 </style>
\ No newline at end of file