diff --git a/packages/website/src/components/SidebarLayout.tsx b/packages/website/src/components/SidebarLayout.tsx
index 86e225378..aea3beadd 100644
--- a/packages/website/src/components/SidebarLayout.tsx
+++ b/packages/website/src/components/SidebarLayout.tsx
@@ -243,8 +243,8 @@ export function SidebarLayout({
 							</MediaQuery>
 
 							<MediaQuery smallerThan="md" styles={{ display: 'none' }}>
-								<Skeleton visible={router.isFallback} radius="xs">
-									<Breadcrumbs>{breadcrumbs}</Breadcrumbs>
+								<Skeleton visible={router.isFallback || !router.isReady} radius="xs">
+									{router.isReady ? <Breadcrumbs>{breadcrumbs}</Breadcrumbs> : null}
 								</Skeleton>
 							</MediaQuery>
 						</Box>