diff --git a/template/order/bargain.html b/template/order/bargain.html
index 687fb39..1ba19a3 100644
--- a/template/order/bargain.html
+++ b/template/order/bargain.html
@@ -22,7 +22,8 @@
         Tổng số mặc cả giá nhận được: <b> 1.458 </b>
     </p>
 
-    <div class="max-w-[1600px] overflow-x-auto whitespace-nowrap">
+    <div
+        class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
         <table class="table table-pin-rows table-pin-cols">
             <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                 <tr class="font-[600]">
diff --git a/template/order/home.html b/template/order/home.html
index 0d2620d..edd7347 100644
--- a/template/order/home.html
+++ b/template/order/home.html
@@ -82,7 +82,8 @@
         </div>
     </div>
 
-    <div class="max-w-[1600px] overflow-x-auto whitespace-nowrap">
+    <div
+        class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full overflow-x-auto whitespace-nowrap">
         <table class="table table-pin-rows table-pin-cols">
             <thead class="bg-[#f6f6f6] text-[14px] font-500 text-[#000]">
                 <tr>
diff --git a/template/order/paygate.html b/template/order/paygate.html
index 264101d..e545a75 100644
--- a/template/order/paygate.html
+++ b/template/order/paygate.html
@@ -62,7 +62,7 @@
     </div>
 
     <div>
-        <table class="table">
+        <table class="table lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full">
             <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                 <tr class="font-[600]">
                     <td width="50"> STT </td>
diff --git a/template/order/wait_order.html b/template/order/wait_order.html
index 61f07a9..e5d930d 100644
--- a/template/order/wait_order.html
+++ b/template/order/wait_order.html
@@ -38,7 +38,7 @@
     </div>
 
     <div
-        class="lg:max-w-[1200px] ms:max-w-[1200px] md:max-w-[1200px] 2xl:w-[100%] 2xl:overflow-hidden overflow-x-auto lg:whitespace-nowrap ms:whitespace-nowrap md:whitespace-nowrap 2xl:whitespace-normal">
+        class="lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full 2xl:overflow-hidden overflow-x-auto lg:whitespace-nowrap ms:whitespace-nowrap md:whitespace-nowrap 2xl:whitespace-normal">
         <table class="table table-pin-rows table-pin-cols">
             <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                 <tr class="font-[600]">
diff --git a/template/product/addon.html b/template/product/addon.html
index 99a5363..9534407 100644
--- a/template/product/addon.html
+++ b/template/product/addon.html
@@ -40,22 +40,22 @@
                     </td>
                     <td>3.849.000 vnd</td>
                     <td class="w-[90px]"><a href=""
-                            class="block w-[86px] h-[30px] leading-[30px] text-center text-white bg-[#0041E8] rounded-[4px]">Xem
+                            class="block btn w-[86px] h-[30px] min-h-[30px] leading-[28px] text-center text-white bg-[#0041E8] rounded-[4px]">Xem
                             SP</a></td>
                     <td class="w-[150px]">
                         <div class='list-btn flex items-center'>
                             <a href=""
-                                class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                     class='icons icon-edit'></i></a>
                             <a href=""
-                                class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                     class='fa fa-plus text-[#0041E8]'></i></a>
                             <a href=""
-                                class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
                                     class="fa-regular fa-eye-slash text-[#9E9E9E]"></i></a>
                             <a href=""
-                                class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
-                                    class='icons icon-remove'></i></a>
+                                class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center'><i
+                                    class='icons icon-delete'></i></a>
                         </div>
                     </td>
                 </tr>