diff --git a/frontend/src/app/lobby/page.tsx b/frontend/src/app/lobby/page.tsx
index 7ad5b8d..b3c4ede 100644
--- a/frontend/src/app/lobby/page.tsx
+++ b/frontend/src/app/lobby/page.tsx
@@ -331,7 +331,7 @@ export default function Lobby() {
         <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">
+          <div className="flex min-h-[170px] flex-1 items-center justify-center">
             {(state == "playing" || state == "waiting") && (
               <div
                 className={`flex h-[170px] w-[170px] items-center justify-center rounded-full border-2 ${state == "playing" ? "bg-orange-400" : ""} ${state == "waiting" ? "bg-green-400" : ""}`}