diff --git a/src/frontend/src/views/link-data-manage/link-data-create/components/links.vue b/src/frontend/src/views/link-data-manage/link-data-create/components/links.vue
index a283db6c..4311b716 100644
--- a/src/frontend/src/views/link-data-manage/link-data-create/components/links.vue
+++ b/src/frontend/src/views/link-data-manage/link-data-create/components/links.vue
@@ -17,7 +17,7 @@
 <template>
   <scroll-faker
     :style="{
-      height: links.length * 120 > 430 ? '430px' : `${links.length * 120}px`,
+      height: linksHeight > 430 ? '430px' : `${linksHeight}px`,
     }">
     <template
       v-for="(link, index) in links"
@@ -184,6 +184,15 @@
   });
   const linkTableTableTypeList = ref<Array<Record<string, any>>>([]);
 
+  const linksHeight = computed(() => {
+    const totalLength = links.value.reduce((accumulator, item) => {
+      const linkFieldsLength = item.link_fields.length + 2;
+      return accumulator + linkFieldsLength;
+    }, 0);
+
+    return totalLength * 40;
+  });
+
   // 如果左表选了EventLog，右表不能再选，直接隐藏不显示
   const rightTableTypeList = computed(() => {
     if (links.value.some(link => link.left_table.table_type === 'EventLog')) {