diff --git a/src/components/purchase/ViewPurchase.jsx b/src/components/purchase/ViewPurchase.jsx
index 3f19249e..18533241 100644
--- a/src/components/purchase/ViewPurchase.jsx
+++ b/src/components/purchase/ViewPurchase.jsx
@@ -48,44 +48,14 @@ const ViewPurchase = ({ purchaseId }) => {
             </div>
             <div className="col-md-6">
               <p className="text-secondary mb-0">
-                <i className="bx bx-hash bx-sm me-1"></i>Invoice
-                Reference Number:
-              </p>
-              <p className="fw-light mb-1 ">
-                {data?.invoiceReferenceNumber || "--"}
-              </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 || "--"}
+                <i className="bx bx-comment-detail bx-sm me-1"></i>Description:
               </p>
+              <p className="fw-light mb-1 ">{data?.description || "--"}</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>
 
       <div className="col-12 border-bottom">
@@ -211,6 +181,22 @@ const ViewPurchase = ({ purchaseId }) => {
                   {data?.purchaseOrderNumber ?? "NA"}
                 </p>
               </div>
+
+              <div>
+                <p className="text-secondary mb-0">Acknowledge Date:</p>
+                <p className="fw-light mb-1">
+                  {data?.acknowledgmentDate
+                    ? formatUTCToLocalTime(data?.acknowledgmentDate)
+                    : "--"}
+                </p>
+              </div>
+              <div>
+                <p className="text-secondary mb-0">Acknowledge
+                  Number:</p>
+                <p className="fw-light mb-1 ">
+                  {data?.acknowledgmentNumber || "--"}
+                </p>
+              </div>
             </div>
 
             {/* Right column */}
@@ -244,12 +230,20 @@ const ViewPurchase = ({ purchaseId }) => {
 
               <div>
                 <p className="text-secondary mb-0">PO Date:</p>
-                <p className="fw-light">
+                <p className="fw-light mb-1">
                   {data?.purchaseOrderDate
                     ? formatUTCToLocalTime(data?.purchaseOrderDate)
                     : "NA"}
                 </p>
               </div>
+
+              <div>
+                <p className="text-secondary mb-0">Invoice
+                  Reference Number:</p>
+                <p className="fw-light mb-1">
+                  {data?.invoiceReferenceNumber ?? "NA"}
+                </p>
+              </div>
             </div>
           </div>
         </div>