diff --git a/user-history.php b/user-history.php
index a0601a8..3ceed23 100644
--- a/user-history.php
+++ b/user-history.php
@@ -53,13 +53,13 @@ if ($_SESSION["userId"] <> "") {
         .tab.active {
             background-color: #ffffff;
             /* Set your desired background color for the active tab */
-            color: #ffaa00;
+            color: #3474d4;
             /* Set your desired text color for the active tab */
-            border: 1px solid #ffaa00
+            border: 1px solid #3474d4
             /* Set your desired border color for the active tab */
         }
         .tab {
-            background-color: #ffaa00;
+            background-color: #3474d4;
             color: #ffffff;
             font-family: "Poppins, sans-serif";
             font-weight: 400;
@@ -79,10 +79,27 @@ if ($_SESSION["userId"] <> "") {
             border: none;
             margin-top: -30px;
         }
-        /* .theadTitle {
-            background-color: #dddddd;
-            padding-top: -90px;
-        } */
+        
+        .tableView {
+            td:nth-child(2) {
+            max-width: 250px;
+            }
+            td:nth-child(6) {
+                white-space: nowrap;
+            }
+            td:nth-child(7) {
+                white-space: nowrap;
+            }
+        } 
+
+        .Title {
+            th:nth-child(4) {
+                white-space: nowrap;
+            }
+            th:nth-child(6) {
+                white-space: nowrap;
+            }
+        }
 
         @media only screen and (max-width: 640px) {
             #tableTitle {
@@ -307,7 +324,7 @@ if ($_SESSION["userId"] <> "") {
                                     <!-- Content for "all Orders" tab -->
                                     <table class="table ec-table">
                                         <thead>
-                                            <tr>
+                                            <tr class="Title">
                                                 <th scope="col">Image</th>
                                                 <th scope="col">Name</th>
                                                 <th scope="col">Quantity</th>
@@ -348,7 +365,7 @@ if ($_SESSION["userId"] <> "") {
                                                                 <img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product">
                                                                 </td>
                                                                     <!-- <img class="prod-img" src="<?php # echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td> -->
-                                                                <td><span><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                                <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['price']; ?></span></td>
                                                                 <td><span><?php echo $order['total_amount'] ?></span></td>
@@ -374,8 +391,8 @@ if ($_SESSION["userId"] <> "") {
                                 <div id="toPay" class="tab-content">
                                     <!-- Content for "To Pay" tab -->
                                     <table class="table ec-table">
-                                        <thead class="theadTitle">
-                                            <tr>
+                                        <thead>
+                                            <tr class="Title">
                                                 <th scope="col">Image</th>
                                                 <th scope="col">Name</th>
                                                 <th scope="col">Quantity</th>
@@ -406,7 +423,7 @@ if ($_SESSION["userId"] <> "") {
                                                             ?>
                                                             <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
                                                                 <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                                <td><span><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                                <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['price']; ?></span></td>
                                                                 <td><span><?php echo $order['total_amount'] ?></span></td>
@@ -429,8 +446,8 @@ if ($_SESSION["userId"] <> "") {
                                 <div id="toShip" class="tab-content">
                                     <!-- Content for "To Ship" tab -->
                                     <table class="table ec-table">
-                                        <thead class="theadTitle">
-                                            <tr>
+                                        <thead>
+                                            <tr class="Title">
                                                 <th scope="col">Image</th>
                                                 <th scope="col">Name</th>
                                                 <th scope="col">Quantity</th>
@@ -463,7 +480,7 @@ if ($_SESSION["userId"] <> "") {
                                                         ?>
                                                         <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
                                                             <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                            <td><span><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                            <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
                                                             <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
                                                             <td><span><?php echo $order['items'][0]['price']; ?></span></td>
                                                             <td><span><?php echo $order['total_amount'] ?></span></td>
@@ -486,8 +503,8 @@ if ($_SESSION["userId"] <> "") {
                                 <div id="toReceive" class="tab-content">
                                     <!-- Content for "To Receive" tab -->
                                     <table class="table ec-table">
-                                        <thead class="theadTitle">
-                                            <tr>
+                                        <thead>
+                                            <tr class="Title">
                                                 <th scope="col">Image</th>
                                                 <th scope="col">Name</th>
                                                 <th scope="col">Quantity</th>
@@ -517,29 +534,25 @@ if ($_SESSION["userId"] <> "") {
                                                         <?php
                                                         $jsonorder = json_encode($order);
                                                         ?>
-                                                        <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
-                                                            <td>
-                                                                <!-- <?php if (isset($order['product_image'])) : ?>
-                                                                    <img src="<?php echo $order['items'][0]['product']['product_image']; ?>" class="prod-img">
-                                                                <?php else : ?>
-                                                                    <img src="https://api.obanana.com/images/storage/web_images/1708588564876-viber_image_2024-02-22_15-54-42-498.png" class="prod-img">
-                                                                <?php endif; ?> -->
-                                                            <img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product">
+                                                        <tr class="tableView">
+                                                            <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
+                                                                <img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product">
                                                             </td>
-                                                            <td><span><?php echo $order['items'][0]['product']['name']; ?></span></td>
-                                                            <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
-                                                            <td><span><?php echo $order['items'][0]['price']; ?></span></td>
-                                                            <td><span><?php echo $order['total_amount'] ?></span></td>
-                                                            <td><span><?php echo $order['status']; ?></span></td>
+                                                            <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                            <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['items'][0]['quantity']; ?></span></td>
+                                                            <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['items'][0]['price']; ?></span></td>
+                                                            <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['total_amount'] ?></span></td>
+                                                            <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['status']; ?></span></td>
                                                             <!-- <td><span><?php # echo $order['tracking_number']; ?></span></td>
                                                             <td><span><?php # echo $order['courier_name']; ?></span></td> -->
-                                                            <td><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
+                                                            <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
                                                             <td>
                                                                 <span class="tbl-btn">
                                                                     <a class="btn btn-lg btn-primary" onclick="updateCompletedStatus('<?php echo $order['_id']; ?>')">Received</a>
                                                                 </span>
                                                             </td>
                                                         </tr>
+
                                         <?php
                                                     }
                                                 }
@@ -554,8 +567,8 @@ if ($_SESSION["userId"] <> "") {
                                 <div id="completed" class="tab-content">
                                     <!-- Content for "Completed" tab -->
                                     <table class="table ec-table">
-                                        <thead class="theadTitle">
-                                            <tr>
+                                        <thead>
+                                            <tr class="Title">
                                                 <th scope="col">Image</th>
                                                 <th scope="col">Name</th>
                                                 <th scope="col">Quantity</th>
@@ -588,7 +601,7 @@ if ($_SESSION["userId"] <> "") {
                                                             ?>
                                                             <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
                                                                 <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                                <td><span><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                                <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['price']; ?></span></td>
                                                                 <td><span><?php echo $order['total_amount'] ?></span></td>
@@ -985,9 +998,11 @@ if ($_SESSION["userId"] <> "") {
                 <h5 class="modal-title fs-5 font-weight-bold">${jsonObject.items[0].product.name}</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
-            <div class="row" style="display:flex; justify-content:center; margin-left:20px;">
+            <div class="row pt-3">
                 <div class="col-md-6">
-                    <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%; padding-left:20px;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    <a href="${jsonObject.items[0].product.product_image}" target="_blank">
+                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
                     <ul>
@@ -1007,9 +1022,11 @@ if ($_SESSION["userId"] <> "") {
                 <h5 class="modal-title fs-5 font-weight-bold">${jsonObject.items[0].product.name}</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
-            <div class="row" style="display:flex; justify-content:center; margin-left:20px;">
+            <div class="row pt-3">
                 <div class="col-md-6">
-                    <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%; padding-left:20px;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    <a href="${jsonObject.items[0].product.product_image}" target="_blank">
+                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
                     <ul>
@@ -1031,9 +1048,11 @@ if ($_SESSION["userId"] <> "") {
                 <h5 class="modal-title fs-5 font-weight-bold">${jsonObject.items[0].product.name}</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
-            <div class="row" style="display:flex; justify-content:center; margin-left:20px;">
+            <div class="row pt-3">
                 <div class="col-md-6">
-                    <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%; padding-left:20px;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    <a href="${jsonObject.items[0].product.product_image}" target="_blank">
+                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
                     <ul>
@@ -1055,9 +1074,11 @@ if ($_SESSION["userId"] <> "") {
                 <h5 class="modal-title fs-5 font-weight-bold">${jsonObject.items[0].product.name}</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
-            <div class="row" style="display:flex; justify-content:center; margin-left:20px;">
+            <div class="row pt-3">
                 <div class="col-md-6">
-                    <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%; padding-left:20px;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    <a href="${jsonObject.items[0].product.product_image}" target="_blank">
+                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
                     <ul>
@@ -1079,9 +1100,11 @@ if ($_SESSION["userId"] <> "") {
                 <h5 class="modal-title fs-5 font-weight-bold">${jsonObject.items[0].product.name}</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
-            <div class="row" style="display:flex; justify-content:center; margin-left:20px;">
+            <div class="row pt-3">
                 <div class="col-md-6">
-                    <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%; padding-left:20px;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    <a href="${jsonObject.items[0].product.product_image}" target="_blank">
+                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
                     <ul>
diff --git a/user-refund-history.php b/user-refund-history.php
index 34b6abe..9cda15c 100644
--- a/user-refund-history.php
+++ b/user-refund-history.php
@@ -54,13 +54,13 @@ if ($_SESSION["userId"] <> "") {
         .tab.active {
             background-color: #ffffff;
             /* Set your desired background color for the active tab */
-            color: #ffaa00;
+            color: #3474d4;
             /* Set your desired text color for the active tab */
-            border: 1px solid #ffaa00
+            border: 1px solid #3474d4
             /* Set your desired border color for the active tab */
         }
         .tab {
-            background-color: #ffaa00;
+            background-color: #3474d4;
             color: #ffffff;
             font-family: "Poppins, sans-serif";
             font-weight: 400;
@@ -80,10 +80,27 @@ if ($_SESSION["userId"] <> "") {
             border: none;
             margin-top: -30px;
         }
-        /* .theadTitle {
-            background-color: #dddddd;
-            padding-top: -90px;
-        } */
+
+        .tableView {
+            td:nth-child(2) {
+            max-width: 250px;
+            }
+            td:nth-child(6) {
+                white-space: nowrap;
+            }
+            td:nth-child(7) {
+                white-space: nowrap;
+            }
+        } 
+
+        .Title {
+            th:nth-child(4) {
+                white-space: nowrap;
+            }
+            th:nth-child(6) {
+                white-space: nowrap;
+            }
+        }
 
         @media only screen and (max-width: 640px) {
             #tableTitle {
@@ -321,8 +338,8 @@ if ($_SESSION["userId"] <> "") {
                                 <div id="allRefunds" class="tab-content active">
                                     <!-- Content for "all Orders" tab -->
                                     <table class="table ec-table">
-                                        <thead class="theadTitle">
-                                            <tr>
+                                        <thead>
+                                            <tr class="Title">
                                                 <th scope="col">Image</th>
                                                 <th scope="col">Name</th>
                                                 <th scope="col">Quantity</th>
@@ -357,7 +374,7 @@ if ($_SESSION["userId"] <> "") {
                                                             ?>
                                                             <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
                                                                 <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                                <td><span><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                                <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['price']; ?></span></td>
                                                                 <td><span><?php echo $order['total_amount'] ?></span></td>
@@ -382,8 +399,8 @@ if ($_SESSION["userId"] <> "") {
                                 <div id="toApprove" class="tab-content">
                                     <!-- Content for "To Approve" tab -->
                                     <table class="table ec-table">
-                                        <thead class="theadTitle">
-                                            <tr>
+                                        <thead>
+                                            <tr class="Title">
                                                 <th scope="col">Image</th>
                                                 <th scope="col">Name</th>
                                                 <th scope="col">Quantity</th>
@@ -416,7 +433,7 @@ if ($_SESSION["userId"] <> "") {
                                                             ?>
                                                             <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
                                                                 <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                                <td><span><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                                <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['price']; ?></span></td>
                                                                 <td><span><?php echo $order['total_amount'] ?></span></td>
@@ -441,8 +458,8 @@ if ($_SESSION["userId"] <> "") {
                                 <div id="toShip" class="tab-content">
                                     <!-- Content for "To Ship" tab -->
                                     <table class="table ec-table">
-                                        <thead class="theadTitle">
-                                            <tr>
+                                        <thead>
+                                            <tr class="Title">
                                                 <th scope="col">Image</th>
                                                 <th scope="col">Name</th>
                                                 <th scope="col">Quantity</th>
@@ -475,7 +492,7 @@ if ($_SESSION["userId"] <> "") {
                                                             ?>
                                                             <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
                                                                 <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                                <td><span><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                                <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['price']; ?></span></td>
                                                                 <td><span><?php echo $order['total_amount'] ?></span></td>
@@ -500,8 +517,8 @@ if ($_SESSION["userId"] <> "") {
                                 <div id="toReceive" class="tab-content">
                                     <!-- Content for "To Receive" tab -->
                                     <table class="table ec-table">
-                                        <thead class="theadTitle">
-                                            <tr>
+                                        <thead>
+                                            <tr class="Title">
                                                 <th scope="col">Image</th>
                                                 <th scope="col">Name</th>
                                                 <th scope="col">Quantity</th>
@@ -534,7 +551,7 @@ if ($_SESSION["userId"] <> "") {
                                                             ?>
                                                             <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
                                                                 <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                                <td><span><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                                <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['price']; ?></span></td>
                                                                 <td><span><?php echo $order['total_amount'] ?></span></td>
@@ -562,8 +579,8 @@ if ($_SESSION["userId"] <> "") {
                                 <div id="toRefund" class="tab-content">
                                     <!-- Content for "To Refund" tab -->
                                     <table class="table ec-table">
-                                        <thead class="theadTitle">
-                                            <tr>
+                                        <thead>
+                                            <tr class="Title">
                                                 <th scope="col">Image</th>
                                                 <th scope="col">Name</th>
                                                 <th scope="col">Quantity</th>
@@ -596,7 +613,7 @@ if ($_SESSION["userId"] <> "") {
                                                             ?>
                                                             <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
                                                                 <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                                <td><span><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                                <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['price']; ?></span></td>
                                                                 <td><span><?php echo $order['total_amount'] ?></span></td>
@@ -624,8 +641,8 @@ if ($_SESSION["userId"] <> "") {
                                 <div id="returnComplete" class="tab-content">
                                     <!-- Content for "Return Complete" tab -->
                                     <table class="table ec-table">
-                                        <thead class="theadTitle">
-                                            <tr>
+                                        <thead>
+                                            <tr class="Title">
                                                 <th scope="col">Image</th>
                                                 <th scope="col">Name</th>
                                                 <th scope="col">Quantity</th>
@@ -657,7 +674,7 @@ if ($_SESSION["userId"] <> "") {
                                                             ?>
                                                             <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
                                                                 <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                                <td><span><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                                <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
                                                                 <td><span><?php echo $order['items'][0]['price']; ?></span></td>
                                                                 <td><span><?php echo $order['total_amount'] ?></span></td>
@@ -932,27 +949,33 @@ if ($_SESSION["userId"] <> "") {
 
         if (jsonObject.return_order.status === 'To Approve') {
             modal.innerHTML = `
-            <div class="modal-header" style="height:5px;">
-                <h5 class="modal-title fs-5 font-weight-bold">${jsonObject.items[0].product.name}</h5>
-                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
-            </div>
-            <div class="row pt-3" style="display:flex; justify-content:center; margin-left:20px;">
-                <div class="col-md-6">
-                    <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%; padding-left:20px;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                <div class="modal-header" style="height:5px;">
+                    <h5 class="modal-title fs-5 font-weight-bold">${jsonObject.items[0].product.name}</h5>
+                    <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
                 </div>
-                <div class="col-md-6" style="margin:auto;">
-                    <ul>
-                        <li class="fs-6"><b>Quantity:</b> ${jsonObject.items[0].quantity}</li>
-                        <li class="fs-6"><b>Unit Price:</b> ${jsonObject.items[0].price}</li>
-                        <li class="fs-6"><b>Price:</b> ${jsonObject.total_amount}</li>
-                        <li class="fs-6"><b>Refund Status:</b> ${jsonObject.return_order.status}</li>
-                        <li class="fs-6"><b>Refund Reason:</b> ${jsonObject.return_order.reason}</li>
-                        <li class="fs-6"><b>Refund Proof:</b></li>
-                        <li class="fs-6 pl-3"><img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product"></li>
-                        <li class="fs-6"><b>Date:</b> ${formattedDate}</li>
-                    </ul>
-                </div>
-            </div>`;
+                <div class="row pt-3">
+                    <div class="col-md-6">
+                        <a href="${jsonObject.items[0].product.product_image}" target="_blank">
+                            <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                        </a>
+                    </div>
+                    <div class="col-md-6" style="margin:auto;">
+                        <ul>
+                            <li class="fs-6"><b>Quantity:</b> ${jsonObject.items[0].quantity}</li>
+                            <li class="fs-6"><b>Unit Price:</b> ${jsonObject.items[0].price}</li>
+                            <li class="fs-6"><b>Price:</b> ${jsonObject.total_amount}</li>
+                            <li class="fs-6"><b>Refund Status:</b> ${jsonObject.return_order.status}</li>
+                            <li class="fs-6"><b>Refund Reason:</b> ${jsonObject.return_order.reason}</li>
+                            <li class="fs-6"><b>Refund Proof:</b></li>
+                            <li class="fs-6 pl-3">
+                                <a href="${jsonObject.return_order.image}" target="_blank">
+                                    <img class="prod-img" style="width:50%; height:auto;" src="${jsonObject.return_order.image}" alt="product">
+                                </a>
+                            </li>
+                            <li class="fs-6"><b>Date:</b> ${formattedDate}</li>
+                        </ul>
+                    </div>
+                </div>`;
         }
 
         if (jsonObject.return_order.status === 'To Ship') {
@@ -961,9 +984,11 @@ if ($_SESSION["userId"] <> "") {
                 <h5 class="modal-title fs-5 font-weight-bold">${jsonObject.items[0].product.name}</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
-            <div class="row pt-3" style="display:flex; justify-content:center; margin-left:20px;">
+            <div class="row pt-3">
                 <div class="col-md-6">
-                    <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%; padding-left:20px;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    <a href="${jsonObject.items[0].product.product_image}" target="_blank">
+                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
                     <ul>
@@ -973,7 +998,11 @@ if ($_SESSION["userId"] <> "") {
                         <li class="fs-6"><b>Refund Status:</b> ${jsonObject.return_order.status}</li>
                         <li class="fs-6"><b>Refund Reason:</b> ${jsonObject.return_order.reason}</li>
                         <li class="fs-6"><b>Refund Proof:</b></li>
-                        <li class="fs-6 pl-3"><img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product"></li>
+                        <li class="fs-6 pl-3">
+                            <a href="${jsonObject.return_order.image}" target="_blank">
+                                <img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                            </a>
+                        </li>
                         <li class="fs-6"><b>Date:</b> ${formattedDate}</li>
                     </ul>
                 </div>
@@ -986,9 +1015,11 @@ if ($_SESSION["userId"] <> "") {
                 <h5 class="modal-title fs-5 font-weight-bold">${jsonObject.items[0].product.name}</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
-            <div class="row pt-3" style="display:flex; justify-content:center; margin-left:20px;">
+            <div class="row pt-3">
                 <div class="col-md-6">
-                    <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%; padding-left:20px;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    <a href="${jsonObject.items[0].product.product_image}" target="_blank">
+                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
                     <ul>
@@ -998,7 +1029,11 @@ if ($_SESSION["userId"] <> "") {
                         <li class="fs-6"><b>Refund Status:</b> ${jsonObject.return_order.status}</li>
                         <li class="fs-6"><b>Refund Reason:</b> ${jsonObject.return_order.reason}</li>
                         <li class="fs-6"><b>Refund Proof:</b></li>
-                        <li class="fs-6 pl-3"><img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product"></li>
+                        <li class="fs-6 pl-3">
+                            <a href="${jsonObject.return_order.image}" target="_blank">
+                                <img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                            </a>
+                        </li>
                         <li class="fs-6"><b>Date:</b> ${formattedDate}</li>
                     </ul>
                 </div>
@@ -1011,9 +1046,11 @@ if ($_SESSION["userId"] <> "") {
                 <h5 class="modal-title fs-5 font-weight-bold">${jsonObject.items[0].product.name}</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
-            <div class="row pt-3" style="display:flex; justify-content:center; margin-left:20px;">
+            <div class="row pt-3">
                 <div class="col-md-6">
-                    <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%; padding-left:20px;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    <a href="${jsonObject.items[0].product.product_image}" target="_blank">
+                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
                     <ul>
@@ -1023,7 +1060,11 @@ if ($_SESSION["userId"] <> "") {
                         <li class="fs-6"><b>Refund Status:</b> ${jsonObject.return_order.status}</li>
                         <li class="fs-6"><b>Refund Reason:</b> ${jsonObject.return_order.reason}</li>
                         <li class="fs-6"><b>Refund Proof:</b></li>
-                        <li class="fs-6 pl-3"><img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product"></li>
+                        <li class="fs-6 pl-3">
+                            <a href="${jsonObject.return_order.image}" target="_blank">
+                                <img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                            </a>
+                        </li>
                         <li class="fs-6"><b>Date:</b> ${formattedDate}</li>
                     </ul>
                 </div>
@@ -1036,9 +1077,11 @@ if ($_SESSION["userId"] <> "") {
                 <h5 class="modal-title fs-5 font-weight-bold">${jsonObject.items[0].product.name}</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
-            <div class="row pt-3" style="display:flex; justify-content:center; margin-left:20px;">
+            <div class="row pt-3">
                 <div class="col-md-6">
-                    <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%; padding-left:20px;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    <a href="${jsonObject.items[0].product.product_image}" target="_blank">
+                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
                     <ul>
@@ -1048,7 +1091,11 @@ if ($_SESSION["userId"] <> "") {
                         <li class="fs-6"><b>Refund Status:</b> ${jsonObject.return_order.status}</li>
                         <li class="fs-6"><b>Refund Reason:</b> ${jsonObject.return_order.reason}</li>
                         <li class="fs-6"><b>Refund Proof:</b></li>
-                        <li class="fs-6 pl-3"><img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product"></li>
+                        <li class="fs-6 pl-3">
+                            <a href="${jsonObject.return_order.image}" target="_blank">
+                                <img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                            </a>
+                        </li>
                         <li class="fs-6"><b>Date:</b> ${formattedDate}</li>
                     </ul>
                 </div>
diff --git a/vendor-refund-history.php b/vendor-refund-history.php
index a8fd9bb..52efb5a 100644
--- a/vendor-refund-history.php
+++ b/vendor-refund-history.php
@@ -71,13 +71,13 @@ if (is_array($vendorOrderss)) {
         .tab.active {
             background-color: #ffffff;
             /* Set your desired background color for the active tab */
-            color: #ffaa00;
+            color: #3474d4;
             /* Set your desired text color for the active tab */
-            border: 1px solid #ffaa00
+            border: 1px solid #3474d4
             /* Set your desired border color for the active tab */
         }
         .tab {
-            background-color: #ffaa00;
+            background-color: #3474d4;
             color: #ffffff;
             font-family: "Poppins, sans-serif";
             font-weight: 400;
@@ -97,10 +97,27 @@ if (is_array($vendorOrderss)) {
             border: none;
             margin-top: -30px;
         }
-        /* .theadTitle {
-            background-color: #dddddd;
-            padding-top: -90px;
-        } */
+
+        .tableView {
+            td:nth-child(2) {
+            max-width: 250px;
+            }
+            td:nth-child(6) {
+                white-space: nowrap;
+            }
+            td:nth-child(7) {
+                white-space: nowrap;
+            }
+        } 
+
+        .Title {
+            th:nth-child(4) {
+                white-space: nowrap;
+            }
+            th:nth-child(6) {
+                white-space: nowrap;
+            }
+        }
 
         @media only screen and (max-width: 640px) {
             #tableTitle {
@@ -295,11 +312,11 @@ if (is_array($vendorOrderss)) {
                                 </div> -->
 
                                 <!-- 03-26-2024 Stacy added tab for all orders -->
-                                <div id="allRefunds" class="tab-content">
+                                <div id="allRefunds" class="tab-content active">
                                     <!-- Content for "All Refunds" tab -->
                                     <table class="table ec-table">
                                         <thead>
-                                            <tr>
+                                            <tr class="Title">
                                                 <th scope="col">Image</th>
                                                 <th scope="col">Name</th>
                                                 <th scope="col">Quantity</th>
@@ -330,7 +347,7 @@ if (is_array($vendorOrderss)) {
                                                     ?>
                                                     <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
                                                         <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                        <td><span><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                        <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
                                                         <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
                                                         <td><span><?php echo $order['items'][0]['price']; ?></span></td>
                                                         <td><span><?php echo $order['total_amount'] ?></span></td>
@@ -354,7 +371,7 @@ if (is_array($vendorOrderss)) {
                                     <!-- Content for "To Approve" tab -->
                                     <table class="table ec-table">
                                         <thead>
-                                            <tr>
+                                            <tr class="Title">
                                                 <th scope="col">Image</th>
                                                 <th scope="col">Name</th>
                                                 <th scope="col">Quantity</th>
@@ -381,19 +398,19 @@ if (is_array($vendorOrderss)) {
                                                     <?php
                                                     $jsonorder = json_encode($order);
                                                     ?>
-                                                    <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
-                                                        <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                        <td><span><?php echo $order['items'][0]['product']['name']; ?></span></td>
-                                                        <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
-                                                        <td><span><?php echo $order['items'][0]['price']; ?></span></td>
-                                                        <td><span><?php echo $order['total_amount'] ?></span></td>
-                                                        <td><span><?php echo $order['return_order']['status']; ?></span></td>
+                                                    <tr class="tableView">
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['items'][0]['quantity']; ?></span></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['items'][0]['price']; ?></span></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['total_amount'] ?></span></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['return_order']['status']; ?></span></td>
                                                         <!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
                                                         <td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
-                                                        <td><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
                                                         <td>
                                                             <span class="tbl-btn">
-                                                                <a class="btn btn-lg btn-primary" onclick="updateRefundShipStatus('<?php echo $order['_id']; ?>', '<?php echo $order['return_order']['image']; ?>', '<?php echo $order['return_order']['reason']; ?>')">Approve Refund</a>
+                                                                <a class="btn btn-lg btn-primary" style="white-space: nowrap;" onclick="updateRefundShipStatus('<?php echo $order['_id']; ?>', '<?php echo $order['return_order']['image']; ?>', `<?php echo htmlspecialchars($order['return_order']['reason'], ENT_QUOTES); ?>`)">Approve Refund</a>
                                                             </span>
                                                         </td>
                                                         <!-- <td><span class="tbl-btn"><a class="btn btn-lg btn-primary" href="#">View</a></span></td> -->
@@ -411,7 +428,7 @@ if (is_array($vendorOrderss)) {
                                     <!-- Content for "To Ship" tab -->
                                     <table class="table ec-table">
                                         <thead>
-                                            <tr>
+                                            <tr class="Title">
                                                 <th scope="col">Image</th>
                                                 <th scope="col">Name</th>
                                                 <th scope="col">Quantity</th>
@@ -440,7 +457,7 @@ if (is_array($vendorOrderss)) {
                                                     ?>
                                                     <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
                                                         <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                        <td><span><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                        <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
                                                         <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
                                                         <td><span><?php echo $order['items'][0]['price']; ?></span></td>
                                                         <td><span><?php echo $order['total_amount'] ?></span></td>
@@ -464,7 +481,7 @@ if (is_array($vendorOrderss)) {
                                     <!-- Content for "To Receive" tab -->
                                     <table class="table ec-table">
                                         <thead>
-                                            <tr>
+                                            <tr class="Title">
                                                 <th scope="col">Image</th>
                                                 <th scope="col">Name</th>
                                                 <th scope="col">Quantity</th>
@@ -490,16 +507,16 @@ if (is_array($vendorOrderss)) {
                                                     <?php
                                                     $jsonorder = json_encode($order);
                                                     ?>
-                                                    <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
-                                                        <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                        <td><span><?php echo $order['items'][0]['product']['name']; ?></span></td>
-                                                        <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
-                                                        <td><span><?php echo $order['items'][0]['price']; ?></span></td>
-                                                        <td><span><?php echo $order['total_amount'] ?></span></td>
-                                                        <td><span><?php echo $order['return_order']['status']; ?></span></td>
+                                                    <tr class="tableView">
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['items'][0]['quantity']; ?></span></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['items'][0]['price']; ?></span></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['total_amount'] ?></span></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo $order['return_order']['status']; ?></span></td>
                                                         <!-- <td><span><?php # echo $order['return_order']['reason']; ?></span></td>
                                                         <td><img class="prod-img" src="<?php # echo $order['return_order']['image']; ?>" alt="product"></td> -->
-                                                        <td><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
+                                                        <td data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails"><span><?php echo date("F j, Y", strtotime($order['updatedAt'])); ?></span></td>
                                                         <td>
                                                             <span class="tbl-btn">
                                                                 <a class="btn btn-lg btn-primary" onclick="updateRefundReceiveStatus('<?php echo $order['_id']; ?>', '<?php echo $order['return_order']['image']; ?>', '<?php echo $order['return_order']['reason']; ?>')">Received</a>
@@ -518,7 +535,7 @@ if (is_array($vendorOrderss)) {
                                     <!-- Content for "To Refund" tab -->
                                     <table class="table ec-table">
                                         <thead>
-                                            <tr>
+                                            <tr class="Title">
                                                 <th scope="col">Image</th>
                                                 <th scope="col">Name</th>
                                                 <th scope="col">Quantity</th>
@@ -546,7 +563,7 @@ if (is_array($vendorOrderss)) {
                                                     ?>
                                                     <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
                                                         <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                        <td><span><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                        <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
                                                         <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
                                                         <td><span><?php echo $order['items'][0]['price']; ?></span></td>
                                                         <td><span><?php echo $order['total_amount'] ?></span></td>
@@ -573,7 +590,7 @@ if (is_array($vendorOrderss)) {
                                     <!-- Content for "Return Complete" tab -->
                                     <table class="table ec-table">
                                         <thead>
-                                            <tr>
+                                            <tr class="Title">
                                                 <th scope="col">Image</th>
                                                 <th scope="col">Name</th>
                                                 <th scope="col">Quantity</th>
@@ -601,7 +618,7 @@ if (is_array($vendorOrderss)) {
                                                     ?>
                                                     <tr class="tableView" data-value=' <?php echo $jsonorder; ?>' data-bs-toggle="modal" data-bs-target="#productDetails">
                                                         <td><img class="prod-img" src="<?php echo $order['items'][0]['product']['product_image']; ?>" alt="product"></td>
-                                                        <td><span><?php echo $order['items'][0]['product']['name']; ?></span></td>
+                                                        <td><span class="text-truncate"><?php echo $order['items'][0]['product']['name']; ?></span></td>
                                                         <td><span><?php echo $order['items'][0]['quantity']; ?></span></td>
                                                         <td><span><?php echo $order['items'][0]['price']; ?></span></td>
                                                         <td><span><?php echo $order['total_amount'] ?></span></td>
@@ -867,7 +884,7 @@ if (is_array($vendorOrderss)) {
                                                     if (data && data !== "") {
                                                         // Update the status in the table without reloading the page
                                                         // document.querySelector(`[data-order-id="${orderId}"] .order-status`).innerText = 'COMPLETED';
-                                                        // location.reload();
+                                                        location.reload();
 
                                                     } else {
                                                         alert('Failed to update order status');
@@ -973,9 +990,12 @@ if (is_array($vendorOrderss)) {
                 <h5 class="modal-title fs-5 font-weight-bold">${jsonObject.items[0].product.name}</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
-            <div class="row pt-3" style="display:flex; justify-content:center; margin-left:20px;">
+            <div class="row pt-3">
                 <div class="col-md-6">
-                    <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%; padding-left:20px;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    <a href="${jsonObject.items[0].product.product_image}" target="_blank">
+                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
+                            alt="product" />
+                    </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
                     <ul>
@@ -985,7 +1005,11 @@ if (is_array($vendorOrderss)) {
                         <li class="fs-6"><b>Refund Status:</b> ${jsonObject.return_order.status}</li>
                         <li class="fs-6"><b>Refund Reason:</b> ${jsonObject.return_order.reason}</li>
                         <li class="fs-6"><b>Refund Proof:</b></li>
-                        <li class="fs-6 pl-3"><img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product"></li>
+                        <li class="fs-6 pl-3">
+                            <a href="${jsonObject.return_order.image}" target="_blank">
+                                <img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                            </a>
+                        </li>
                         <li class="fs-6"><b>Date:</b> ${formattedDate}</li>
                     </ul>
                 </div>
@@ -998,9 +1022,12 @@ if (is_array($vendorOrderss)) {
                 <h5 class="modal-title fs-5 font-weight-bold">${jsonObject.items[0].product.name}</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
-            <div class="row pt-3" style="display:flex; justify-content:center; margin-left:20px;">
+            <div class="row pt-3">
                 <div class="col-md-6">
-                    <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%; padding-left:20px;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    <a href="${jsonObject.items[0].product.product_image}" target="_blank">
+                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
+                            alt="product" />
+                    </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
                     <ul>
@@ -1010,7 +1037,11 @@ if (is_array($vendorOrderss)) {
                         <li class="fs-6"><b>Refund Status:</b> ${jsonObject.return_order.status}</li>
                         <li class="fs-6"><b>Refund Reason:</b> ${jsonObject.return_order.reason}</li>
                         <li class="fs-6"><b>Refund Proof:</b></li>
-                        <li class="fs-6 pl-3"><img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product"></li>
+                        <li class="fs-6 pl-3">
+                            <a href="${jsonObject.return_order.image}" target="_blank">
+                                <img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                            </a>
+                        </li>
                         <li class="fs-6"><b>Date:</b> ${formattedDate}</li>
                     </ul>
                 </div>
@@ -1023,9 +1054,12 @@ if (is_array($vendorOrderss)) {
                 <h5 class="modal-title fs-5 font-weight-bold">${jsonObject.items[0].product.name}</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
-            <div class="row pt-3" style="display:flex; justify-content:center; margin-left:20px;">
+            <div class="row pt-3">
                 <div class="col-md-6">
-                    <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%; padding-left:20px;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    <a href="${jsonObject.items[0].product.product_image}" target="_blank">
+                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
+                            alt="product" />
+                    </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
                     <ul>
@@ -1035,7 +1069,11 @@ if (is_array($vendorOrderss)) {
                         <li class="fs-6"><b>Refund Status:</b> ${jsonObject.return_order.status}</li>
                         <li class="fs-6"><b>Refund Reason:</b> ${jsonObject.return_order.reason}</li>
                         <li class="fs-6"><b>Refund Proof:</b></li>
-                        <li class="fs-6 pl-3"><img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product"></li>
+                        <li class="fs-6 pl-3">
+                            <a href="${jsonObject.return_order.image}" target="_blank">
+                                <img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                            </a>
+                        </li>
                         <li class="fs-6"><b>Date:</b> ${formattedDate}</li>
                     </ul>
                 </div>
@@ -1048,9 +1086,12 @@ if (is_array($vendorOrderss)) {
                 <h5 class="modal-title fs-5 font-weight-bold">${jsonObject.items[0].product.name}</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
-            <div class="row pt-3" style="display:flex; justify-content:center; margin-left:20px;">
+            <div class="row pt-3">
                 <div class="col-md-6">
-                    <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%; padding-left:20px;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    <a href="${jsonObject.items[0].product.product_image}" target="_blank">
+                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
+                            alt="product" />
+                    </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
                     <ul>
@@ -1060,7 +1101,11 @@ if (is_array($vendorOrderss)) {
                         <li class="fs-6"><b>Refund Status:</b> ${jsonObject.return_order.status}</li>
                         <li class="fs-6"><b>Refund Reason:</b> ${jsonObject.return_order.reason}</li>
                         <li class="fs-6"><b>Refund Proof:</b></li>
-                        <li class="fs-6 pl-3"><img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product"></li>
+                        <li class="fs-6 pl-3">
+                            <a href="${jsonObject.return_order.image}" target="_blank">
+                                <img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                            </a>
+                        </li>
                         <li class="fs-6"><b>Date:</b> ${formattedDate}</li>
                     </ul>
                 </div>
@@ -1073,9 +1118,12 @@ if (is_array($vendorOrderss)) {
                 <h5 class="modal-title fs-5 font-weight-bold">${jsonObject.items[0].product.name}</h5>
                 <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
             </div>
-            <div class="row pt-3" style="display:flex; justify-content:center; margin-left:20px;">
+            <div class="row pt-3">
                 <div class="col-md-6">
-                    <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%; padding-left:20px;" src="${jsonObject.items[0].product.product_image}" alt="product" />
+                    <a href="${jsonObject.items[0].product.product_image}" target="_blank">
+                        <img class="image-thumb-preview pt-3 pb-3" style="width:100%; height:100%;" src="${jsonObject.items[0].product.product_image}" 
+                            alt="product" />
+                    </a>
                 </div>
                 <div class="col-md-6" style="margin:auto;">
                     <ul>
@@ -1085,7 +1133,11 @@ if (is_array($vendorOrderss)) {
                         <li class="fs-6"><b>Refund Status:</b> ${jsonObject.return_order.status}</li>
                         <li class="fs-6"><b>Refund Reason:</b> ${jsonObject.return_order.reason}</li>
                         <li class="fs-6"><b>Refund Proof:</b></li>
-                        <li class="fs-6 pl-3"><img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product"></li>
+                        <li class="fs-6 pl-3">
+                            <a href="${jsonObject.return_order.image}" target="_blank">
+                                <img class="prod-img" style="width:50%; height:50%;" src="${jsonObject.return_order.image}" alt="product">
+                            </a>
+                        </li>
                         <li class="fs-6"><b>Date:</b> ${formattedDate}</li>
                     </ul>
                 </div>