diff --git a/frontend/src/app/lobby/page.tsx b/frontend/src/app/lobby/page.tsx
index ed911d5..d8ec983 100644
--- a/frontend/src/app/lobby/page.tsx
+++ b/frontend/src/app/lobby/page.tsx
@@ -323,6 +323,7 @@ export default function Lobby() {
     return (
       <main className="flex min-h-screen flex-col items-center justify-between gap-4 p-24">
         <div className="flex w-full items-start justify-between text-center">
+          <div className="flex-1"></div>
           <div className="flex-1"></div>
           <div className="flex flex-1 items-center justify-center">
             {(state == "playing" || state == "waiting") && (
@@ -335,7 +336,6 @@ export default function Lobby() {
               </div>
             )}
           </div>
-
           <div className="flex flex-1 flex-row items-center justify-end gap-4">
             <button
               className="w-30 rounded-lg border-2 border-black bg-yellow-500 p-4 text-2xl font-extrabold text-blue-600 hover:bg-yellow-400"