diff --git a/src/pages/workorders/view/WorkOrderViewPage.css b/src/pages/workorders/view/WorkOrderViewPage.css
index 23c6c31c..9671f2f3 100644
--- a/src/pages/workorders/view/WorkOrderViewPage.css
+++ b/src/pages/workorders/view/WorkOrderViewPage.css
@@ -734,6 +734,12 @@
   padding-top: 4px;
 }
 
+.dispatchWaiting {
+  color: #ffc107;
+  font-weight: 500;
+  font-size: 13px;
+}
+
 .dispatchChecklist {
   display: flex;
   flex-direction: column;
diff --git a/src/pages/workorders/view/WorkOrderViewPage.js b/src/pages/workorders/view/WorkOrderViewPage.js
index 9b567e5d..3eede848 100644
--- a/src/pages/workorders/view/WorkOrderViewPage.js
+++ b/src/pages/workorders/view/WorkOrderViewPage.js
@@ -311,6 +311,16 @@ function DispatchDetailModal({ dispatchId, onClose, onUpdated }) {
                     <label>Dispatched</label>
                     <span>{dispatch.dispatchedAt ? formatDateTime(dispatch.dispatchedAt) : "—"}</span>
                   </div>
+                  <div className="dispatchDetailField">
+                    <label>Accepted</label>
+                    {dispatch.acknowledgedAt ? (
+                      <span style={{ color: "#28a745" }}>{formatDateTime(dispatch.acknowledgedAt)}</span>
+                    ) : dispatch.status === "Sent" ? (
+                      <span className="dispatchWaiting">Awaiting acceptance</span>
+                    ) : (
+                      <span>—</span>
+                    )}
+                  </div>
                   <div className="dispatchDetailField">
                     <label>Vendor Email</label>
                     <span>{dispatch.vendorEmail}</span>