diff --git a/client/app.js b/client/app.js
index 49b5c2a..34aadf7 100644
--- a/client/app.js
+++ b/client/app.js
@@ -3546,7 +3546,7 @@ class GolfGame {
         // Position card centered, overlapping both piles (lower than before)
         // On mobile portrait, place held card fully above the deck/discard area
         const isMobilePortrait = document.body.classList.contains('mobile-portrait');
-        const overlapOffset = cardHeight * (isMobilePortrait ? 0.65 : 0.35);
+        const overlapOffset = cardHeight * (isMobilePortrait ? 0.55 : 0.35);
         const cardLeft = centerX - cardWidth / 2;
         const cardTop = deckRect.top - overlapOffset;
         this.heldCardFloating.style.left = `${cardLeft}px`;
@@ -3609,7 +3609,7 @@ class GolfGame {
         const cardWidth = deckRect.width;
         const cardHeight = deckRect.height;
         const isMobilePortrait = document.body.classList.contains('mobile-portrait');
-        const overlapOffset = cardHeight * (isMobilePortrait ? 0.65 : 0.35);
+        const overlapOffset = cardHeight * (isMobilePortrait ? 0.55 : 0.35);
         const cardLeft = centerX - cardWidth / 2;
         const cardTop = deckRect.top - overlapOffset;
 
diff --git a/client/card-animations.js b/client/card-animations.js
index 0118108..29b3d51 100644
--- a/client/card-animations.js
+++ b/client/card-animations.js
@@ -47,7 +47,7 @@ class CardAnimations {
         const cardWidth = deckRect.width;
         const cardHeight = deckRect.height;
         const isMobilePortrait = document.body.classList.contains('mobile-portrait');
-        const overlapOffset = cardHeight * (isMobilePortrait ? 0.65 : 0.35);
+        const overlapOffset = cardHeight * (isMobilePortrait ? 0.55 : 0.35);
 
         return {
             left: centerX - cardWidth / 2,