diff --git a/ui/src/styles/app.scss b/ui/src/styles/app.scss
index 7690099a6..b47dd0ff8 100644
--- a/ui/src/styles/app.scss
+++ b/ui/src/styles/app.scss
@@ -518,11 +518,3 @@ h4 {
     }
   }
 }
-
-// markdown
-
-.ͼ1 .cm-placeholder {
-  color: var(--app-input-color-placeholder);
-  font-size: 14px;
-  font-weight: 400;
-}
diff --git a/ui/src/styles/md-editor.scss b/ui/src/styles/md-editor.scss
index 8804ac14a..ce87022e1 100644
--- a/ui/src/styles/md-editor.scss
+++ b/ui/src/styles/md-editor.scss
@@ -17,3 +17,13 @@
 .md-editor-preview-wrapper {
   padding: 0;
 }
+
+.md-editor-footer {
+  height: auto !important;
+}
+
+.ͼ1 .cm-placeholder {
+  color: var(--app-input-color-placeholder);
+  font-size: 14px;
+  font-weight: 400;
+}
diff --git a/ui/src/views/paragraph/component/ParagraphForm.vue b/ui/src/views/paragraph/component/ParagraphForm.vue
index b3020dacc..1272a2dd7 100644
--- a/ui/src/views/paragraph/component/ParagraphForm.vue
+++ b/ui/src/views/paragraph/component/ParagraphForm.vue
@@ -36,6 +36,7 @@
         ref="editorRef"
         editorId="preview-only"
         :modelValue="form.content"
+        @onHtmlChanged="onHtmlChanged"
         class="maxkb-md"
       />
       <!-- <span v-else class="break-all lighter">{{ form.content }}</span> -->