diff --git a/packages/tldraw/src/components/Loading/Loading.tsx b/packages/tldraw/src/components/Loading/Loading.tsx
index 58512a93b..468555b9f 100644
--- a/packages/tldraw/src/components/Loading/Loading.tsx
+++ b/packages/tldraw/src/components/Loading/Loading.tsx
@@ -11,10 +11,8 @@ export function Loading() {
   const app = useTldrawApp()
   const isLoading = app.useStore(loadingSelector)
 
-  if (!isLoading) return null
-
   return (
-    <StyledLoadingPanelContainer>
+    <StyledLoadingPanelContainer hidden={!isLoading}>
       <FormattedMessage id="loading" values={{ dots: '...' }} />
     </StyledLoadingPanelContainer>
   )