diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index ba485df..6c7635b 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -504,19 +504,6 @@ export function App() {
     });
   }, []);
 
-  if (!board) {
-    return (
-      <Group justify="center" p="xl">
-        <Loader />
-      </Group>
-    );
-  }
-
-  const dragOverlayCard = activeCard;
-  const dragOverlayColumn = activeColumnId ? findColumn(activeColumnId) : null;
-
-  // Memo configs — objetos inline causan re-emit del <style> inline de Mantine
-  // cada vez que `now` (tick 1s) o cualquier otro state actualice.
   const headerConfig = useMemo(() => ({ height: 50 }), []);
   const navbarConfig = useMemo(
     () => ({
@@ -539,6 +526,17 @@ export function App() {
     []
   );
 
+  if (!board) {
+    return (
+      <Group justify="center" p="xl">
+        <Loader />
+      </Group>
+    );
+  }
+
+  const dragOverlayCard = activeCard;
+  const dragOverlayColumn = activeColumnId ? findColumn(activeColumnId) : null;
+
   return (
     <DndContext
       sensors={sensors}