From 51697622a700ccafc799dede38a1d810f3810ee8 Mon Sep 17 00:00:00 2001
From: Mark Hoekveen <mark@hoekveen.net>
Date: Thu, 21 Aug 2025 19:53:28 +0200
Subject: [PATCH] minimum height on klokje

---
 frontend/src/app/lobby/page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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" : ""}`}