diff --git a/src/pages/recipe/new.astro b/src/pages/recipe/new.astro
index cadbca6..4783683 100644
--- a/src/pages/recipe/new.astro
+++ b/src/pages/recipe/new.astro
@@ -30,9 +30,10 @@ const { recipeid } = Astro.params;
                 name="name"
                 rows="1"
                 placeholder="Name"
-                class="text-[28pt]  font-bold h-12 p-1 leading-none mt-2 bg-white/20 rounded-lg"
-                style="resize: none;"
+                class="text-[28pt] font-bold p-1 leading-none mt-2 bg-white/20 rounded-lg resize-none overflow-hidden"
+                oninput="this.style.height = ''; this.style.height = this.scrollHeight + 'px'"
             />
+                <!-- if it works :3  -->
 
             <!-- Details -->
             <!-- <InfoView re={re} /> -->