diff --git a/src/components/purchase/ViewPurchase.jsx b/src/components/purchase/ViewPurchase.jsx
index d2a16ec6..3f19249e 100644
--- a/src/components/purchase/ViewPurchase.jsx
+++ b/src/components/purchase/ViewPurchase.jsx
@@ -48,11 +48,43 @@ const ViewPurchase = ({ purchaseId }) => {
             </div>
             <div className="col-md-6">
               <p className="text-secondary mb-0">
-                <i className="bx bx-comment-detail bx-sm me-1"></i>Description:
+                <i className="bx bx-hash bx-sm me-1"></i>Invoice
+                Reference Number:
+              </p>
+              <p className="fw-light mb-1 ">
+                {data?.invoiceReferenceNumber || "--"}
               </p>
-              <p className="fw-light mb-1 ">{data?.description}</p>
             </div>
           </div>
+
+          <div className="row mb-3">
+            <div className="col-md-6">
+              <p className="text-secondary mb-0">
+                <i className="bx bx-calendar bx-sm me-1"></i>Acknowledge Date:
+              </p>
+              <p className="fw-light mb-1">
+                {data?.acknowledgmentDate
+                  ? formatUTCToLocalTime(data?.acknowledgmentDate)
+                  : "--"}
+              </p>
+            </div>
+            <div className="col-md-6">
+              <p className="text-secondary mb-0">
+                <i className="bx bx-badge-check bx-sm me-1"></i>Acknowledge
+                Number:
+              </p>
+              <p className="fw-light mb-1 ">
+                {data?.acknowledgmentNumber || "--"}
+              </p>
+            </div>
+          </div>
+        </div>
+
+        <div className="col-12">
+          <p className="text-secondary mb-0">
+            <i className="bx bx-comment-detail bx-sm me-1"></i>Description:
+          </p>
+          <p className="fw-light mb-1 ">{data?.description || "--"}</p>
         </div>
       </div>