diff --git a/src/app/growth/page.tsx b/src/app/growth/page.tsx
index 628665f..befe2b3 100644
--- a/src/app/growth/page.tsx
+++ b/src/app/growth/page.tsx
@@ -622,9 +622,14 @@ export default function GrowthPage() {
                 </button>
               </>
             ) : (
-              <button onClick={() => handleAdd()} disabled={saving} className="w-full p-3 bg-rose-400 text-white rounded-xl disabled:opacity-50">
-                {saving ? "Saving..." : "Save"}
-              </button>
+              <>
+                <button onClick={() => handleAdd()} disabled={saving} className="flex-1 p-3 bg-rose-400 text-white rounded-xl disabled:opacity-50">
+                  {saving ? "Saving..." : "Save"}
+                </button>
+                <button onClick={() => { setShowAdd(false); setWeight(""); setHeight(""); setHeadCircumference(""); }} className="flex-1 p-3 bg-gray-200 dark:bg-gray-700 rounded-xl">
+                  Cancel
+                </button>
+              </>
             )}
           </div>
         </div>