From cb5a243cf36413bb79c776727791dfc0cdb1b10a Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Wed, 21 Jan 2026 16:03:12 +0000
Subject: [PATCH] Changes

---
 src/components/LadybugClockPuzzle.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/LadybugClockPuzzle.tsx b/src/components/LadybugClockPuzzle.tsx
index 1fab2ca..4ad2044 100644
--- a/src/components/LadybugClockPuzzle.tsx
+++ b/src/components/LadybugClockPuzzle.tsx
@@ -409,10 +409,10 @@ const LadybugClockPuzzle: React.FC<LadybugClockPuzzleProps> = ({
                 <p className="text-sm text-muted-foreground mb-3">
                   Which number do you think is most likely to be painted last?
                 </p>
-                <div className="flex flex-wrap gap-2">
+                <div className="flex flex-wrap gap-1.5">
                   {Array.from({
                 length: numPositions - 1
-              }, (_, i) => i + 1).map(pos => <Button key={pos} onClick={() => setUserPrediction(pos)} variant={userPrediction === pos ? "default" : "outline"} size="sm" className="w-10 h-10">
+              }, (_, i) => i + 1).map(pos => <Button key={pos} onClick={() => setUserPrediction(pos)} variant={userPrediction === pos ? "default" : "outline"} size="sm" className="w-8 h-8 text-xs p-0">
                       {positionToNumber(pos)}
                     </Button>)}
                 </div>