diff --git a/apps/web/src/components/practice/NumericKeypad.tsx b/apps/web/src/components/practice/NumericKeypad.tsx
index cf95488e..65d3420a 100644
--- a/apps/web/src/components/practice/NumericKeypad.tsx
+++ b/apps/web/src/components/practice/NumericKeypad.tsx
@@ -32,7 +32,8 @@ function getPortraitStyles(isDark: boolean): string {
     .keypad-landscape-container {
       display: none;
     }
-    @media (orientation: landscape) {
+    /* Only show landscape keypad on small screens (phones) */
+    @media (orientation: landscape) and (max-height: 500px) {
       .keypad-portrait-container {
         display: none;
       }
@@ -40,6 +41,15 @@ function getPortraitStyles(isDark: boolean): string {
         display: block;
       }
     }
+    /* On larger landscape screens, keep portrait bar at bottom */
+    @media (orientation: landscape) and (min-height: 501px) {
+      .keypad-portrait-container {
+        display: block;
+      }
+      .keypad-landscape-container {
+        display: none;
+      }
+    }
     .keypad-portrait {
       width: 100%;
     }