diff --git a/frontend/src/style.less b/frontend/src/style.less
index f4682b15..50d4058b 100644
--- a/frontend/src/style.less
+++ b/frontend/src/style.less
@@ -229,11 +229,10 @@ strong {
   background: #f0fbef !important;
 
   .ed-message__icon {
-    color: #34c724
+    color: #34c724;
   }
 }
 
-
 .sq-message-export {
   min-width: 20px !important;
   padding: 16px 20px !important;
@@ -282,3 +281,7 @@ strong {
     margin-right: 8px;
   }
 }
+
+.ed-button.is-secondary.is-disabled {
+  border-color: #d9dcdf !important;
+}
diff --git a/frontend/src/views/ds/DataTable.vue b/frontend/src/views/ds/DataTable.vue
index 002e6e50..4efd32ed 100644
--- a/frontend/src/views/ds/DataTable.vue
+++ b/frontend/src/views/ds/DataTable.vue
@@ -431,12 +431,13 @@ const btnSelectClick = (val: any) => {
     width="600"
     :destroy-on-close="true"
     :close-on-click-modal="false"
+    modal-class="notes-dialog"
     @closed="closeTable"
   >
     <el-input
       v-model="tableComment"
       :placeholder="$t('datasource.please_enter')"
-      :rows="3"
+      :autosize="{ minRows: 3.64, maxRows: 11.095 }"
       type="textarea"
       clearable
     />
@@ -452,12 +453,13 @@ const btnSelectClick = (val: any) => {
     width="600"
     :destroy-on-close="true"
     :close-on-click-modal="false"
+    modal-class="notes-dialog"
     @closed="closeField"
   >
     <el-input
       v-model="fieldComment"
       :placeholder="$t('datasource.please_enter')"
-      :rows="3"
+      :autosize="{ minRows: 3.64, maxRows: 11.095 }"
       clearable
       type="textarea"
     />
@@ -757,3 +759,11 @@ const btnSelectClick = (val: any) => {
   }
 }
 </style>
+
+<style lang="less">
+.notes-dialog {
+  .ed-textarea__inner {
+    line-height: 22px;
+  }
+}
+</style>