diff --git a/artifacts/teaboy-os/src/pages/home.tsx b/artifacts/teaboy-os/src/pages/home.tsx
index 882631c4..f4b9b8c3 100644
--- a/artifacts/teaboy-os/src/pages/home.tsx
+++ b/artifacts/teaboy-os/src/pages/home.tsx
@@ -167,6 +167,10 @@ function SortableClockTile({
   const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
     id: CLOCK_TILE_ID,
   });
+  const isLarge = size === "large";
+  const px = isLarge ? 168 : 78;
+  const effectivePinColumn =
+    pinColumn && isLarge ? Math.max(pinColumn - 1, 1) : pinColumn;
   const style: React.CSSProperties = {
     transform: CSS.Transform.toString(transform),
     transition,
@@ -215,11 +219,6 @@ function SortableClockTile({
     startPos.current = null;
   };
 
-  const isLarge = size === "large";
-  const px = isLarge ? 168 : 78;
-  const effectivePinColumn =
-    pinColumn && isLarge ? Math.max(pinColumn - 1, 1) : pinColumn;
-
   const { onPointerDown: _ignored, ...restListeners } = listeners ?? {};
 
   return (