diff --git a/frontend/src/pages/app/DashboardPage.tsx b/frontend/src/pages/app/DashboardPage.tsx
index 5496744c..688a7976 100644
--- a/frontend/src/pages/app/DashboardPage.tsx
+++ b/frontend/src/pages/app/DashboardPage.tsx
@@ -119,8 +119,16 @@ export function NewDashboardPage() {
   };
 
   const handleViewDetails = (actionId: string) => {
-    // Open modal to show PO details
+    // Open modal to show PO details in view mode
     setSelectedPOId(actionId);
+    setPOModalMode('view');
+    setIsPOModalOpen(true);
+  };
+
+  const handleModify = (actionId: string) => {
+    // Open modal to edit PO details
+    setSelectedPOId(actionId);
+    setPOModalMode('edit');
     setIsPOModalOpen(true);
   };
 
@@ -273,6 +281,7 @@ export function NewDashboardPage() {
               onApprove={handleApprove}
               onReject={handleReject}
               onViewDetails={handleViewDetails}
+              onModify={handleModify}
               tenantId={tenantId}
             />
           </div>