diff --git a/components/pages/grocery/GroceryList.tsx b/components/pages/grocery/GroceryList.tsx
index eb27677..e471df3 100644
--- a/components/pages/grocery/GroceryList.tsx
+++ b/components/pages/grocery/GroceryList.tsx
@@ -51,9 +51,12 @@ const GroceryList = ({onInputFocus}: {onInputFocus: (y: number) => void}) => {
     const [choreDialogVisible, setChoreDialogVisible] = useState<boolean>(false);
 
     // Group approved groceries by category
-    const approvedGroceriesByCategory = approvedGroceries?.reduce(
+    let approvedGroceriesByCategory = approvedGroceries?.reduce(
         (groups: any, item: IGrocery) => {
-          const category = item.category || "Uncategorized";
+          let category = item.category || "Uncategorized";
+          if (item.bought) {
+              category = "Done";
+          }
           if (!groups[category]) {
             groups[category] = [];
           }
@@ -261,7 +264,11 @@ const GroceryList = ({onInputFocus}: {onInputFocus: (y: number) => void}) => {
             {approvedGroceries?.length > 0
                 ? approvedVisible && (
                 <FlatList
-                    data={Object.keys(approvedGroceriesByCategory)}
+                    data={Object.keys(approvedGroceriesByCategory).sort((a, b) => {
+                        if (a !== "Done") return -1;
+                        if (b === "Done") return 1;
+                        return 0;
+                    })}
                     renderItem={({item: category}) => (
                         <View key={category}>
                             {/* Render Category Header */}