diff --git a/packages/web/src/designer/DesignerTable.svelte b/packages/web/src/designer/DesignerTable.svelte
index 02cee0805..c3c99462d 100644
--- a/packages/web/src/designer/DesignerTable.svelte
+++ b/packages/web/src/designer/DesignerTable.svelte
@@ -118,7 +118,7 @@
       <FontIcon icon="icon close" />
     </div>
   </div>
-  <div class="columns">
+  <div class="columns" on:scroll={() => tick().then(onMoveReferences)}>
     {#each columns || [] as column}
       <ColumnLine
         {column}
diff --git a/packages/web/src/designer/DomTableRef.ts b/packages/web/src/designer/DomTableRef.ts
index 53aef90f0..27b775f52 100644
--- a/packages/web/src/designer/DomTableRef.ts
+++ b/packages/web/src/designer/DomTableRef.ts
@@ -34,6 +34,10 @@ export default class DomTableRef {
     if (!col) return null;
     const rect = col.getBoundingClientRect();
     const wrap = this.domWrapper.getBoundingClientRect();
-    return (rect.top + rect.bottom) / 2 - wrap.top;
+    const tableRect = this.getRect();
+    let res = (rect.top + rect.bottom) / 2 - wrap.top;
+    if (res < tableRect.top) res = tableRect.top;
+    if (res > tableRect.bottom) res = tableRect.bottom;
+    return res;
   }
 }