diff --git a/frontend/src/app/lobby/page.tsx b/frontend/src/app/lobby/page.tsx
index 90af87a..7e1a8d1 100644
--- a/frontend/src/app/lobby/page.tsx
+++ b/frontend/src/app/lobby/page.tsx
@@ -353,7 +353,7 @@ export default function Lobby() {
               ))}{" "}
             </div>
           </div>
-          {!songLoading && currentSong && (
+          {!songLoading && currentSong ? (
             <div className="flex flex-col items-center justify-start">
               <h2
                 className={`${nunito.className} text-outline text-[42px] tracking-tighter text-yellow-500`}
@@ -366,6 +366,19 @@ export default function Lobby() {
                 {currentSong.name}
               </h2>
             </div>
+          ) : (
+            <div className="flex flex-col items-center justify-start">
+              <h2
+                className={`${nunito.className} text-outline text-[42px] tracking-tighter text-yellow-500`}
+              >
+                Loading
+              </h2>
+              <h2
+                className={`${nunito.className} text-outline text-[42px] tracking-tighter text-yellow-500`}
+              >
+                ...
+              </h2>
+            </div>
           )}
         </div>