diff --git a/frontend/src/pages/Applications/Applications.js b/frontend/src/pages/Applications/Applications.js
index 37b427a..641ff8f 100644
--- a/frontend/src/pages/Applications/Applications.js
+++ b/frontend/src/pages/Applications/Applications.js
@@ -216,7 +216,7 @@ const Applications = () => {
     }
 
     try {
-      await applicationsAPI.archivePlan(applicationId);
+      await applicationsAPI.updatePlanStatus(applicationId, 'archived');
       toast.success('Application archived successfully');
       fetchApplications(); // Refresh the list
     } catch (error) {
@@ -228,6 +228,11 @@ const Applications = () => {
   // Filter and sort applications
   const filteredAndSortedApplications = React.useMemo(() => {
     let filtered = applications.filter(app => {
+      // Hide archived applications unless specifically filtering for them
+      if (app.status === 'archived' && filters.status !== 'archived') {
+        return false;
+      }
+      
       // Status filter
       if (filters.status !== 'all' && app.status !== filters.status) {
         return false;
@@ -482,6 +487,7 @@ const Applications = () => {
                     <option value="planned">Planned</option>
                     <option value="in_progress">In Progress</option>
                     <option value="completed">Completed</option>
+                    <option value="archived">Archived</option>
                   </select>
                 </div>