diff --git a/src/frontend/src/features/auth/api/useUser.tsx b/src/frontend/src/features/auth/api/useUser.tsx
index 82c44486..a243944b 100644
--- a/src/frontend/src/features/auth/api/useUser.tsx
+++ b/src/frontend/src/features/auth/api/useUser.tsx
@@ -65,6 +65,7 @@ export const useUser = (
     refetch: query.refetch,
     user: isLoggedOut ? undefined : (query.data as ApiUser | undefined),
     isLoggedIn,
+    isLoading: query.isLoading,
     logout,
   }
 }
diff --git a/src/frontend/src/features/recording/routes/RecordingDownload.tsx b/src/frontend/src/features/recording/routes/RecordingDownload.tsx
index 543dd9ac..b72f5eb6 100644
--- a/src/frontend/src/features/recording/routes/RecordingDownload.tsx
+++ b/src/frontend/src/features/recording/routes/RecordingDownload.tsx
@@ -17,7 +17,7 @@ import { RecordingStatus } from '@/features/recording'
 export const RecordingDownload = () => {
   const { t } = useTranslation('recording')
   const { recordingId } = useParams()
-  const { isLoggedIn } = useUser()
+  const { isLoggedIn, isLoading: isAuthLoading } = useUser()
 
   const { data, isLoading, isError } = useQuery({
     queryKey: ['recording', recordingId],
@@ -26,7 +26,7 @@ export const RecordingDownload = () => {
     enabled: !!recordingId,
   })
 
-  if (isLoading || !data) {
+  if (isLoading || !data || isAuthLoading) {
     return <LoadingScreen />
   }