diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index af1bf759..c4e32124 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -181,6 +181,7 @@ onUnmounted(() => {
         <div relative>
           <EditorContent
             :editor="editor"
+            flex
             :class="isExpanded ? 'min-h-120px max-h-720px of-y-auto' : ''"
           />
           <div v-if="isExpanded" absolute right-0 bottom-0 pointer-events-none text-sm text-secondary-light>
diff --git a/styles/global.css b/styles/global.css
index 0d7a5dc3..81590eb9 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -78,7 +78,7 @@ html {
 }
 
 .content-editor {
-  --at-apply: outline-none;
+  --at-apply: 'outline-none flex-1';
 
   pre {
     --at-apply: font-mono bg-code rounded px3 py2;