diff --git a/packages/frontend-core/src/components/sheet/stores/scroll.js b/packages/frontend-core/src/components/sheet/stores/scroll.js
index a8d29614b6..64e2cb75bd 100644
--- a/packages/frontend-core/src/components/sheet/stores/scroll.js
+++ b/packages/frontend-core/src/components/sheet/stores/scroll.js
@@ -1,5 +1,6 @@
 import { writable, derived, get } from "svelte/store"
 import { tick } from "svelte"
+import { DefaultColumnWidth } from "./columns"
 
 export const createStores = () => {
   const scroll = writable({
@@ -145,7 +146,7 @@ export const deriveStores = context => {
     const $visibleColumns = get(visibleColumns)
     const columnName = $focusedCellId?.split("-")[1]
     const column = $visibleColumns.find(col => col.name === columnName)
-    const horizontalOffset = 24
+    const horizontalOffset = DefaultColumnWidth
     if (!column) {
       return
     }