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>