diff --git a/samples/hp48/index.html b/samples/hp48/index.html
index 53caab0..6f2b973 100644
--- a/samples/hp48/index.html
+++ b/samples/hp48/index.html
@@ -278,16 +278,25 @@
       }
 
       .keypad-wrap {
-        grid-template-columns: 1fr;
+        grid-template-columns: minmax(0, 3fr) minmax(0, 2fr);
+        gap: 8px;
       }
 
-      .keypad-group.functions,
-      .keypad-group.numbers,
-      .keypad-group.operators {
+      .keypad-group.functions {
+        grid-column: 1 / -1;
+        grid-row: 2;
+        grid-template-columns: repeat(3, minmax(0, 1fr));
+      }
+
+      .keypad-group.numbers {
+        grid-column: 1;
+        grid-row: 1;
         grid-template-columns: repeat(3, minmax(0, 1fr));
       }
 
       .keypad-group.operators {
+        grid-column: 2;
+        grid-row: 1;
         grid-template-columns: repeat(2, minmax(0, 1fr));
       }
     }