diff --git a/src/apps/golf/components/GolfGame.module.css b/src/apps/golf/components/GolfGame.module.css
index b1bd073..48c94d4 100644
--- a/src/apps/golf/components/GolfGame.module.css
+++ b/src/apps/golf/components/GolfGame.module.css
@@ -382,6 +382,7 @@
   gap: 1rem;
   justify-content: center;
   flex-wrap: wrap;
+  min-height: 2.5rem;
 }
 
 .actionButton,
diff --git a/src/apps/golf/components/GolfGame.tsx b/src/apps/golf/components/GolfGame.tsx
index a7a7dd3..926347b 100644
--- a/src/apps/golf/components/GolfGame.tsx
+++ b/src/apps/golf/components/GolfGame.tsx
@@ -584,41 +584,39 @@ const GolfGame = ({ onGameIdChange, onPlayerIdChange, onPlayerNameChange, onConn
               )}
             </div>
 
-            {isMyTurn && (
-              <div className={styles.actions}>
-                {!gameState.drawnCard ? (
-                  <>
-                    <button onClick={handleDrawCard} className={styles.actionButton}>
-                      Draw Card
-                    </button>
-                    {gameState.discardPile.length > 0 && (
-                      <button onClick={handleTakeFromDiscard} className={styles.actionButton}>
-                        Take from Discard
-                      </button>
-                    )}
-                  </>
-                ) : (
-                  <>
-                    <button
-                      onClick={swapCard}
-                      className={`${styles.actionButton} ${selectedCardIndex === null ? styles.actionButtonDisabled : ''}`}
-                      disabled={selectedCardIndex === null}
-                    >
-                      Swap Card
-                    </button>
-                    <button onClick={discardDrawn} className={styles.actionButton}>
-                      Discard
+            <div className={styles.actions} style={!isMyTurn ? { visibility: 'hidden' } : undefined}>
+              {!gameState.drawnCard ? (
+                <>
+                  <button onClick={handleDrawCard} className={styles.actionButton}>
+                    Draw Card
+                  </button>
+                  {gameState.discardPile.length > 0 && (
+                    <button onClick={handleTakeFromDiscard} className={styles.actionButton}>
+                      Take from Discard
                     </button>
-                  </>
-                )}
-
-                {gameState.gamePhase === 'playing' && !gameState.drawnCard && (
-                  <button onClick={knock} className={styles.knockButton}>
-                    Knock
+                  )}
+                </>
+              ) : (
+                <>
+                  <button
+                    onClick={swapCard}
+                    className={`${styles.actionButton} ${selectedCardIndex === null ? styles.actionButtonDisabled : ''}`}
+                    disabled={selectedCardIndex === null}
+                  >
+                    Swap Card
                   </button>
-                )}
-              </div>
-            )}
+                  <button onClick={discardDrawn} className={styles.actionButton}>
+                    Discard
+                  </button>
+                </>
+              )}
+
+              {gameState.gamePhase === 'playing' && !gameState.drawnCard && (
+                <button onClick={knock} className={styles.knockButton}>
+                  Knock
+                </button>
+              )}
+            </div>
 
             {currentPlayer.revealedCards.length < 2 && gameState.gamePhase === 'playing' && !currentPlayer.hasPeeked && (
               <div className={styles.peekHint}>