diff --git a/web/src/views/database/DatabaseList.vue b/web/src/views/database/DatabaseList.vue
index 1ea39f66..25e60d23 100644
--- a/web/src/views/database/DatabaseList.vue
+++ b/web/src/views/database/DatabaseList.vue
@@ -57,13 +57,15 @@ const columns: any = [
     key: 'comment',
     minWidth: 250,
     resizable: true,
-    ellipsis: { tooltip: true },
     render(row: any) {
       return h(NInput, {
         size: 'small',
+        class: 'w-full',
         value: row.comment,
         // MySQL 不支持数据库备注
         disabled: row.type === 'mysql',
+        placeholder:
+          row.type === 'mysql' ? $gettext('MySQL does not support database comments') : undefined,
         onBlur: () => handleComment(row),
         onUpdateValue(v) {
           row.comment = v
diff --git a/web/src/views/database/ServerList.vue b/web/src/views/database/ServerList.vue
index 944343d9..78180cdd 100644
--- a/web/src/views/database/ServerList.vue
+++ b/web/src/views/database/ServerList.vue
@@ -97,10 +97,10 @@ const columns: any = [
     key: 'remark',
     minWidth: 250,
     resizable: true,
-    ellipsis: { tooltip: true },
     render(row: any) {
       return h(NInput, {
         size: 'small',
+        class: 'w-full',
         value: row.remark,
         onBlur: () => handleRemark(row),
         onUpdateValue(v) {
diff --git a/web/src/views/database/UserList.vue b/web/src/views/database/UserList.vue
index 042e4ba9..ded5916a 100644
--- a/web/src/views/database/UserList.vue
+++ b/web/src/views/database/UserList.vue
@@ -114,10 +114,10 @@ const columns: any = [
     key: 'remark',
     minWidth: 250,
     resizable: true,
-    ellipsis: { tooltip: true },
     render(row: any) {
       return h(NInput, {
         size: 'small',
+        class: 'w-full',
         value: row.remark,
         onBlur: () => handleRemark(row),
         onUpdateValue(v) {
diff --git a/web/src/views/website/ListView.vue b/web/src/views/website/ListView.vue
index c0659a9e..0242ebad 100644
--- a/web/src/views/website/ListView.vue
+++ b/web/src/views/website/ListView.vue
@@ -107,10 +107,10 @@ const columns: any = [
     key: 'remark',
     minWidth: 200,
     resizable: true,
-    ellipsis: { tooltip: true },
     render(row: any) {
       return h(NInput, {
         size: 'small',
+        class: 'w-full',
         value: row.remark,
         onBlur: () => handleRemark(row),
         onUpdateValue(v) {