diff --git a/packages/app/src/pages/layout.tsx b/packages/app/src/pages/layout.tsx
index 7030ef3fd..7142bdf6d 100644
--- a/packages/app/src/pages/layout.tsx
+++ b/packages/app/src/pages/layout.tsx
@@ -75,7 +75,6 @@ export default function Layout(props: ParentProps) {
   )
 
   const pageReady = createMemo(() => ready())
-  const layoutReady = createMemo(() => layout.ready())
 
   let scrollContainerRef: HTMLDivElement | undefined
   const xlQuery = window.matchMedia("(min-width: 1280px)")
@@ -88,6 +87,7 @@ export default function Layout(props: ParentProps) {
   const globalSDK = useGlobalSDK()
   const globalSync = useGlobalSync()
   const layout = useLayout()
+  const layoutReady = createMemo(() => layout.ready())
   const platform = usePlatform()
   const server = useServer()
   const notification = useNotification()