diff --git a/src/components/production-line/production-line.tsx b/src/components/production-line/production-line.tsx
index 50fa544d..8d24432d 100644
--- a/src/components/production-line/production-line.tsx
+++ b/src/components/production-line/production-line.tsx
@@ -23,7 +23,7 @@ export const ProductionLine: FC = () => {
   const [participants, setParticipants] = useState<
     { name: string; sessionid: string }[] | null
   >(null);
-  const [loading, setLoading] = useState<boolean>(false);
+  const [loading, setLoading] = useState<boolean>(true);
 
   const { playbackState, audioElement } = useAudioElement({
     audioContainerRef,
@@ -71,10 +71,10 @@ export const ProductionLine: FC = () => {
   }, [navigate, joinProductionOptions]);
 
   useEffect(() => {
-    setLoading(true);
     if (connectionState === "connected") {
       setLoading(false);
     }
+    // TODO add handling for `connectionState === "failed"`
   }, [connectionState]);
 
   // TODO if (!input !output !username) return <JoinProductionForm />