diff --git a/components/pages/grocery/GroceryList.tsx b/components/pages/grocery/GroceryList.tsx
index ce4e882..bca41ee 100644
--- a/components/pages/grocery/GroceryList.tsx
+++ b/components/pages/grocery/GroceryList.tsx
@@ -228,15 +228,18 @@ const GroceryList = () => {
         </View>
       </View>
       {isAddingGrocery && (
-        <EditGroceryItem
-          editGrocery={{
-            title: title,
-            setCategory: setCategory,
-            category: category,
-            setTitle: setTitle,
-            setSubmit: setSubmitted,
-          }}
-        />
+          <View style={{ marginTop: 8 }}>
+            <EditGroceryItem
+              editGrocery={{
+                title: title,
+                setCategory: setCategory,
+                category: category,
+                setTitle: setTitle,
+                setSubmit: setSubmitted,
+                closeEdit: () => setIsAddingGrocery(false)
+              }}
+            />
+          </View>
       )}
 
       {/* Render Approved Groceries Grouped by Category */}