diff --git a/frontend/src/app/lobby/page.tsx b/frontend/src/app/lobby/page.tsx
index b3c4ede..4f32368 100644
--- a/frontend/src/app/lobby/page.tsx
+++ b/frontend/src/app/lobby/page.tsx
@@ -408,12 +408,14 @@ export default function Lobby() {
             </div>
             {!songLoading && currentSong ? (
               <div className="rounded-md bg-black p-2">
-                <Image
-                  src={currentSong.album_cover}
-                  alt={currentSong.name}
-                  width={500}
-                  height={500}
-                />
+                <button onClick={nextTrack}>
+                  <Image
+                    src={currentSong.album_cover}
+                    alt={currentSong.name}
+                    width={500}
+                    height={500}
+                  />
+                </button>
               </div>
             ) : (
               <div className="rounded-md border-8 border-black bg-blue-950/80 py-[1px]">