diff --git a/samples/calc-02/index.css b/samples/calc-02/index.css
index 429a55a..9757cf8 100644
--- a/samples/calc-02/index.css
+++ b/samples/calc-02/index.css
@@ -36,10 +36,10 @@ html, body {
 }
 
 body {
-min-height: 100vh;
-font-family: Arial, sans-serif;
-color: var(--buttonText);
-background: var(--bg0);
+	min-height: 100vh;
+	font-family: Arial, sans-serif;
+	color: var(--buttonText);
+	background: var(--bg0);
 }
 
 
@@ -277,12 +277,11 @@ background: var(--bg0);
 .trigo-grid {
 	display: grid;
 	gap: 8px;
-	grid-auto-rows: minmax(0, 1fr);
 }
 
 .keypad-grid {
 	grid-template-columns: repeat(4, minmax(0, 1fr));
-	grid-template-rows: repeat(5, minmax(0, 1fr));
+	grid-template-rows: repeat(5, minmax(0, 1.7fr));
 }
 
 .functions-grid,
@@ -376,6 +375,23 @@ button:active {
 	color: #eef2f7;
 }
 
+.keypad-grid > button {
+	min-height: 1.7em;
+}
+
+#keypadGrid > button {
+	min-height: calc(1.7em * 1.7);
+	padding-top: calc(8px * 1.7);
+	padding-bottom: calc(8px * 1.7);
+}
+
+#keypadGrid > button.key-default,
+#keypadGrid > button.key-accent,
+#keypadGrid > button.key-danger,
+#keypadGrid > button.key-enter {
+	min-height: calc(1.7em * 1.7);
+}
+
 .key-accent {
 	background: linear-gradient(180deg, var(--btnAccentTop), var(--btnAccentBottom));
 	color: #eef2f7;