diff --git a/artifacts/teaboy-os/src/pages/home.tsx b/artifacts/teaboy-os/src/pages/home.tsx index 4caae1e7..882631c4 100644 --- a/artifacts/teaboy-os/src/pages/home.tsx +++ b/artifacts/teaboy-os/src/pages/home.tsx @@ -173,8 +173,8 @@ function SortableClockTile({ opacity: isDragging ? 0.6 : 1, zIndex: isDragging ? 20 : "auto", touchAction: "none", - ...(pinColumn && !isDragging - ? { gridColumnStart: pinColumn, gridRowStart: 1 } + ...(effectivePinColumn && !isDragging + ? { gridColumnStart: effectivePinColumn, gridRowStart: 1 } : {}), }; @@ -217,6 +217,8 @@ function SortableClockTile({ const isLarge = size === "large"; const px = isLarge ? 168 : 78; + const effectivePinColumn = + pinColumn && isLarge ? Math.max(pinColumn - 1, 1) : pinColumn; const { onPointerDown: _ignored, ...restListeners } = listeners ?? {};