diff --git a/src/app/checkout/page.tsx b/src/app/checkout/page.tsx
index 2b6ce84..a607e58 100644
--- a/src/app/checkout/page.tsx
+++ b/src/app/checkout/page.tsx
@@ -235,7 +235,7 @@ export default function CheckoutPage() {
                       required
                       className="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
                       placeholder="1234 5678 9012 3456"
-                      maxLength="19"
+                      maxLength={19}
                     />
                   </div>
                   <div className="grid grid-cols-2 gap-4">
@@ -249,7 +249,7 @@ export default function CheckoutPage() {
                         required
                         className="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
                         placeholder="MM/YY"
-                        maxLength="5"
+                        maxLength={5}
                       />
                     </div>
                     <div>
@@ -262,7 +262,7 @@ export default function CheckoutPage() {
                         required
                         className="w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500"
                         placeholder="123"
-                        maxLength="3"
+                        maxLength={3}
                       />
                     </div>
                   </div>