diff --git a/src/pages/recipe/new.astro b/src/pages/recipe/new.astro
index b393980..cadbca6 100644
--- a/src/pages/recipe/new.astro
+++ b/src/pages/recipe/new.astro
@@ -11,10 +11,10 @@ const { recipeid } = Astro.params;
 ---
 
 <script>
-    let ingredients: {qty: string, unit: string, ing: string}[] = []
+    let ingredients: {qty: string, unit: string, name: string}[] = []
     
-    function addIngredient(q: string, u: string, i: string) {
-        ingredients.push({qty: q, unit: u, ing: i})
+    function addIngredient(q: string, u: string, n: string) {
+        ingredients.push({qty: q, unit: u, name: n})
     }
 </script>
 
@@ -51,13 +51,13 @@ const { recipeid } = Astro.params;
                 <tbody id="ingredient-table" class="w-full border-t px-4 py-2 border-gray-600">
                     <tr id="ingredient-input" class="">
                         <td class="px-2 py-1">
-                            <input class="w-full h-10 bg-white/20 rounded-lg px-2 py-2" type="text" placeholder="Qty">
+                            <input id="ing-qty" class="w-full h-11 bg-white/20 rounded-lg px-2 py-2" type="text" placeholder="Qty">
                         </td>
                         <td class="px-2 py-1">
-                            <input class="w-full h-10 bg-white/20 rounded-lg px-2 py-2" type="text" placeholder="Unit">
+                            <input id="ing-unit" class="w-full h-11 bg-white/20 rounded-lg px-2 py-2" type="text" placeholder="Unit">
                         </td>
                         <td class="px-2 py-1">
-                            <textarea class="w-full h-10 bg-white/20 rounded-lg px-2 py-2 mt-1 resize-none leading-tight" placeholder="Ingredient" rows="1"/>
+                            <textarea id="ing-name" class="w-full h-11 bg-white/20 rounded-lg px-2 py-3 mt-1 resize-none leading-tight" placeholder="Ingredient" rows="1"/>
                         </td>
                     </tr>
                 </tbody>