diff --git a/app/src/assets/scss/business/_custom.scss b/app/src/assets/scss/business/_custom.scss
index 1c648beb1..55e0a4cdf 100644
--- a/app/src/assets/scss/business/_custom.scss
+++ b/app/src/assets/scss/business/_custom.scss
@@ -27,10 +27,15 @@
     }
   }
 
+  .block__icons {
+    min-height: auto;
+    padding: 4px 8px;
+  }
+
   .b3-text-field--text {
     cursor: pointer;
     transition: var(--b3-transition);
-    height: 34px;
+    min-height: 34px;
     background-color: transparent;
 
     &:hover {
diff --git a/app/src/protyle/render/av/blockAttr.ts b/app/src/protyle/render/av/blockAttr.ts
index 021655e23..fdf7de616 100644
--- a/app/src/protyle/render/av/blockAttr.ts
+++ b/app/src/protyle/render/av/blockAttr.ts
@@ -9,7 +9,7 @@ export const genAVValueHTML = (value: IAVCellValue) => {
     let html = "";
     switch (value.type) {
         case "text":
-            html = `<input value="${value.text.content}" class="b3-text-field b3-text-field--text fn__flex-1">`;
+            html = `<textarea rows="${value.text.content.split('\n').length}" class="b3-text-field b3-text-field--text fn__flex-1">${value.text.content}</textarea>`;
             break;
         case "number":
             html = `<input value="${value.number.content}" type="number" class="b3-text-field b3-text-field--text fn__flex-1">`;