diff --git a/frontend/pages/item/[id]/edit.vue b/frontend/pages/item/[id]/edit.vue
index 48b3123..7498839 100644
--- a/frontend/pages/item/[id]/edit.vue
+++ b/frontend/pages/item/[id]/edit.vue
@@ -313,6 +313,18 @@
     });
   }
 
+  async function archiveItem() {
+    const { isCanceled } = await confirm.open("Are you sure you want to archive this item?");
+
+    if (isCanceled) {
+      return;
+    }
+
+    console.log("archiving");
+
+    // TODO: Set item.archived = true
+  }
+
   const { query, results } = useItemSearch(api, { immediate: false });
   const parent = ref();
 </script>
@@ -415,6 +427,11 @@
               </div>
             </div>
           </div>
+          <div class="p-4 flex justify-end">
+            <div class="tooltip" data-tip="Hide item from main view">
+              <BaseButton class="btn-error" size="sm" @click="archiveItem"> Archive Item </BaseButton>
+            </div>
+          </div>
         </div>
 
         <BaseCard>