diff --git a/assets/script/pc_style.css b/assets/script/pc_style.css
index 7d660b6..4fd585a 100644
--- a/assets/script/pc_style.css
+++ b/assets/script/pc_style.css
@@ -355,7 +355,7 @@ a {
   font-weight: 600;
 }
 .admin-content-container .content-holder {
-  padding: 16px 0 16px 16px;
+  padding: 16px;
 }
 
 .admin-home-tab {
@@ -761,6 +761,9 @@ a {
 .table .icon-view {
   background-position: -180px -82px;
 }
+.table .icon-feature {
+  background-position: -255px -82px;
+}
 
 .home-report-holder {
   display: none;
@@ -792,4 +795,24 @@ a {
   .text-custom-28 {
     font-size: 28px !important;
   }
+}
+@media (max-width: 675px) {
+  .admin-menu-container {
+    display: none;
+  }
+  .admin-content-container {
+    width: 100%;
+  }
+  .admin-content-container .content-holder {
+    padding: 10px;
+  }
+  .admin-content-container .item-stat {
+    grid-column: span 2/span 2;
+  }
+  .admin-content-container .item-chart {
+    grid-column: span 4/span 4;
+  }
+  .admin-header-right {
+    margin-top: 10px;
+  }
 }/*# sourceMappingURL=pc_style.css.map */
\ No newline at end of file
diff --git a/assets/script/pc_style.css.map b/assets/script/pc_style.css.map
index 44e831d..8008346 100644
--- a/assets/script/pc_style.css.map
+++ b/assets/script/pc_style.css.map
@@ -1 +1 @@
-{"version":3,"sources":["pc_style.css","pc_style.scss"],"names":[],"mappings":"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","file":"pc_style.css"}
\ No newline at end of file
+{"version":3,"sources":["pc_style.css","pc_style.scss"],"names":[],"mappings":"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","file":"pc_style.css"}
\ No newline at end of file
diff --git a/assets/script/pc_style.scss b/assets/script/pc_style.scss
index f10335f..1618a00 100644
--- a/assets/script/pc_style.scss
+++ b/assets/script/pc_style.scss
@@ -346,7 +346,7 @@ a {
         }
     }
     .content-holder {
-        padding: 16px 0 16px 16px;
+        padding: 16px;
     }
 }
 
@@ -766,6 +766,9 @@ a {
     .icon-view {
         background-position: -180px -82px;
     }
+    .icon-feature {
+        background-position: -255px -82px;
+    }
 }
 .home-report-holder {
     display: none;
@@ -799,3 +802,24 @@ a {
         font-size: 28px !important;
     }
 }
+
+@media (max-width: 675px) {
+    .admin-menu-container {
+        display: none;
+    }
+    .admin-content-container {
+        width: 100%;
+        .content-holder {
+            padding: 10px;
+        }
+        .item-stat {
+            grid-column: span 2 / span 2;
+        }
+        .item-chart {
+            grid-column: span 4 / span 4;
+        }
+    }
+    .admin-header-right {
+        margin-top: 10px;
+    }
+}
diff --git a/data/product/category.php b/data/product/category.php
index 9d97374..e4642d4 100644
--- a/data/product/category.php
+++ b/data/product/category.php
@@ -59,13 +59,13 @@ function get_category_list($parentId=0, $currentCat="",$level=1, $prefix="", $ca
                     </td> 
 
                     <td>".$cat_id."</td>
-                    <td>413787</td>
+                    <td class='whitespace-nowrap'>413787</td>
                     <td><a href='/admin/product?category=".$cat_id."'>1292</a></td>
                     <td>
                         <input type=text id=order_".$cat_id." value='".$cat_info["ordering"]."' size=2 onchange=\"update_order(".$cat_id.",this.value)\" /> 
                         <span class='status-ordering-".$cat_id."'></span>
                     </td> 
-                    <td>
+                    <td class='whitespace-nowrap'>
                         SP + Danh mục con
                     </td>
                     
@@ -78,10 +78,10 @@ function get_category_list($parentId=0, $currentCat="",$level=1, $prefix="", $ca
                     </td>
                     <td>
                       <div class='list-btn flex items-center'>
-                        <a href=\"".$edit_link."\" class='w-[30px] h-[30px] 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 class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]' href='javascript:set_category_feature(.$cat_id.,'off')'><i class='icons icon-feature'></i></a>
+                        <a href=\"".$edit_link."\" 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 class='w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]' href='javascript:set_category_feature(.$cat_id.,'off')'><i class='icons icon-feature'></i></a>
                         <span id=status-".$cat_id.">".$status."</span> 
-                        <span class='status-delete-".$cat_id."'><a href=\"javascript:deleteThis(".$cat_id.")\" class='w-[30px] h-[30px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='icons icon-remove'></i></a></span>
+                        <span class='status-delete-".$cat_id."'><a href=\"javascript:deleteThis(".$cat_id.")\" class='w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i class='icons icon-delete'></i></a></span>
                       </div>
                     </td> 
             ";
diff --git a/template/customer/comment.html b/template/customer/comment.html
index ed3bbe1..2af2432 100644
--- a/template/customer/comment.html
+++ b/template/customer/comment.html
@@ -1,6 +1,5 @@
 <div class="w-[100%]">
-    <div
-        class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
+    <div class="m-[15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
         <h1 class="text-[24px] font-[700] mb-3">Tổng hợp trao đổi</h1>
 
         <div class="list-filter-account flex items-center">
@@ -35,71 +34,73 @@
             </select>
         </div>
 
-
-        <table class="table">
-            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
-                <tr>
-                    <th>STT</th>
-                    <th>Phản hồi</th>
-                    <th>Thời gian</th>
-                    <th>Tác giả</th>
-                    <th>Sản phẩm</th>
-                    <th>Nội dung</th>
-                    <th>Lựa chọn</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>1</td>
-                    <td>1</td>
-                    <td>09-08-2023, 11:24 am</td>
-                    <td>
-                        <div class="flex items-center">
-                            <b>Nguyễn An</b>
-                            <p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản trị
-                                viên</p>
-                        </div>
-                        <p>annv@hurasoft.com</p>
-                    </td>
-                    <td>
-                        <a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
-                    </td>
-                    <td>
-                        test reply
-                    </td>
-                    <td>
-                        <div class="flex items-center">
-                            <a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
-                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
-                            </a>
-                            <a href=""
-                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="icons icon-edit"></i>
-                            </a>
-                            <a href=""
-                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="fa-solid fa-crown text-[#0041E8]"></i>
-                            </a>
-                        </div>
-                        <div class="flex items-center">
-                            <a href=""
-                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="fa fa-plus text-[#0041E8]"></i>
-                            </a>
-                            <a href=""
-                                class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
-                            </a>
-                            <a href=""
-                                class="w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="icons icon-delete"></i>
-                            </a>
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
+        <div class="overflow-x-auto sm:whitespace-nowrap">
+            <table class="table">
+                <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
+                    <tr>
+                        <th>STT</th>
+                        <th>Phản hồi</th>
+                        <th>Thời gian</th>
+                        <th>Tác giả</th>
+                        <th>Sản phẩm</th>
+                        <th>Nội dung</th>
+                        <th>Lựa chọn</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>1</td>
+                        <td>09-08-2023, 11:24 am</td>
+                        <td class="whitespace-nowrap">
+                            <div class="flex items-center">
+                                <b>Nguyễn An</b>
+                                <p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản
+                                    trị
+                                    viên</p>
+                            </div>
+                            <p>annv@hurasoft.com</p>
+                        </td>
+                        <td>
+                            <a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
+                        </td>
+                        <td>
+                            test reply
+                        </td>
+                        <td>
+                            <div class="flex items-center">
+                                <a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
+                                    class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                    <i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
+                                </a>
+                                <a href=""
+                                    class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                    <i class="icons icon-edit"></i>
+                                </a>
+                                <a href=""
+                                    class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                    <i class="fa-solid fa-crown text-[#0041E8]"></i>
+                                </a>
+                            </div>
+                            <div class="flex items-center">
+                                <a href=""
+                                    class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                    <i class="fa fa-plus text-[#0041E8]"></i>
+                                </a>
+                                <a href=""
+                                    class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                    <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
+                                </a>
+                                <a href=""
+                                    class="w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                    <i class="icons icon-delete"></i>
+                                </a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
 
 
         <dialog id="js_list_reply_comment" class="modal">
diff --git a/template/customer/customer_contact.html b/template/customer/customer_contact.html
index 6696716..e38a8c9 100644
--- a/template/customer/customer_contact.html
+++ b/template/customer/customer_contact.html
@@ -19,7 +19,7 @@
         </select>
     </div>
 
-    <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">
+    <div class="overflow-x-auto">
         <table class="table">
             <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                 <tr>
@@ -56,7 +56,7 @@
 
                     <td class="xl:w-[120px] 2xl:w-auto">
                         <select name="" id=""
-                            class="w-[100%] h-[30px] mb-[10px] border-[1px] border-[#F6F6F6] rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
+                            class="w-[130px_!important] h-[30px] mb-[10px] border-[1px] border-[#F6F6F6] rounded-[4px] shadow-[0px_2px_4px_0px_#0000001F]">
                             <option value="">Trạng thái</option>
                         </select>
                         <div class="flex items-center">
diff --git a/template/customer/customer_newsletter.html b/template/customer/customer_newsletter.html
index c602056..3520eae 100644
--- a/template/customer/customer_newsletter.html
+++ b/template/customer/customer_newsletter.html
@@ -25,36 +25,38 @@
             </a>
         </div>
 
-        <table class="mt-[15px] table">
-            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
-                <tr>
-                    <th class="w-[50px]">STT</th>
-                    <th>Họ tên</th>
-                    <th>Email</th>
-                    <th>Ngày đăng ký</th>
-                    <th>Thông tin khác</th>
-                    <th class="w-[90px]">Lựa chọn</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>1</td>
-                    <td>Trung Hiếu</td>
-                    <td>trunghieu27072009@gmail.com</td>
-                    <td>19-07-2023, 4:45 pm</td>
-                    <td>test reply</td>
-                    <td>
-                        <div class='list-btn flex items-center'>
-                            <a href=""
-                                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-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
-                                    class='icons icon-delete'></i></a>
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
+        <div class="overflow-x-auto sm:whitespace-nowrap">
+            <table class="mt-[15px] table">
+                <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
+                    <tr>
+                        <th class="w-[50px]">STT</th>
+                        <th>Họ tên</th>
+                        <th>Email</th>
+                        <th>Ngày đăng ký</th>
+                        <th>Thông tin khác</th>
+                        <th class="w-[90px]">Lựa chọn</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>Trung Hiếu</td>
+                        <td>trunghieu27072009@gmail.com</td>
+                        <td>19-07-2023, 4:45 pm</td>
+                        <td>test reply</td>
+                        <td>
+                            <div class='list-btn flex items-center'>
+                                <a href=""
+                                    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-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class='icons icon-delete'></i></a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/template/customer/customer_review.html b/template/customer/customer_review.html
index 6cf22fb..a589953 100644
--- a/template/customer/customer_review.html
+++ b/template/customer/customer_review.html
@@ -1,5 +1,5 @@
 <div class="w-[100%]">
-    <div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
+    <div class="m-[15px] p-[15px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
         <h1 class="text-[24px] font-[700] mb-3">Khách hàng góp ý</h1>
         <div class="flex items-center justify-between">
             <p>Tổng hợp các liên hệ của khách hàng từ form liên hệ trên trang <a href="/lien-he"
@@ -9,74 +9,76 @@
                 <option value="">Lọc xem ý kiến</option>
             </select>
         </div>
-        <table class="table mt-[15px]">
-            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
-                <tr>
-                    <th class="w-[50px]">STT</th>
-                    <th>Khách hàng</th>
-                    <th>Nội dung</th>
-                    <th class="w-[80px]">Lựa chọn</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>1</td>
-                    <td>
-                        <p>huyth.c2hoangdieu.haugiang@gmail.com</p>
-                        <p>Trịnh Hoàng Huy</p>
-                        <p>29-01-2018, 1:34 am</p>
-                    </td>
-                    <td>
-                        <b>Góp ý (rate:0)</b>
-                        <p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
-                            chọn</p>
-                    </td>
-                    <td>
-                        <a href=""
-                            class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
-                            <i class="icons icon-delete"></i>
-                        </a>
-                    </td>
-                </tr>
-                <tr>
-                    <td>1</td>
-                    <td>
-                        <p>huyth.c2hoangdieu.haugiang@gmail.com</p>
-                        <p>Trịnh Hoàng Huy</p>
-                        <p>29-01-2018, 1:34 am</p>
-                    </td>
-                    <td>
-                        <b>Góp ý (rate:0)</b>
-                        <p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
-                            chọn</p>
-                    </td>
-                    <td>
-                        <a href=""
-                            class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
-                            <i class="icons icon-delete"></i>
-                        </a>
-                    </td>
-                </tr>
-                <tr>
-                    <td>1</td>
-                    <td>
-                        <p>huyth.c2hoangdieu.haugiang@gmail.com</p>
-                        <p>Trịnh Hoàng Huy</p>
-                        <p>29-01-2018, 1:34 am</p>
-                    </td>
-                    <td>
-                        <b>Góp ý (rate:0)</b>
-                        <p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
-                            chọn</p>
-                    </td>
-                    <td>
-                        <a href=""
-                            class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
-                            <i class="icons icon-delete"></i>
-                        </a>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
+        <div class="overflow-x-auto sm:whitespace-nowrap">
+            <table class="table mt-[15px]">
+                <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
+                    <tr>
+                        <th class="w-[50px]">STT</th>
+                        <th>Khách hàng</th>
+                        <th>Nội dung</th>
+                        <th class="w-[80px]">Lựa chọn</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>
+                            <p>huyth.c2hoangdieu.haugiang@gmail.com</p>
+                            <p>Trịnh Hoàng Huy</p>
+                            <p>29-01-2018, 1:34 am</p>
+                        </td>
+                        <td>
+                            <b>Góp ý (rate:0)</b>
+                            <p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
+                                chọn</p>
+                        </td>
+                        <td>
+                            <a href=""
+                                class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
+                                <i class="icons icon-delete"></i>
+                            </a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>1</td>
+                        <td>
+                            <p>huyth.c2hoangdieu.haugiang@gmail.com</p>
+                            <p>Trịnh Hoàng Huy</p>
+                            <p>29-01-2018, 1:34 am</p>
+                        </td>
+                        <td>
+                            <b>Góp ý (rate:0)</b>
+                            <p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
+                                chọn</p>
+                        </td>
+                        <td>
+                            <a href=""
+                                class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
+                                <i class="icons icon-delete"></i>
+                            </a>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>1</td>
+                        <td>
+                            <p>huyth.c2hoangdieu.haugiang@gmail.com</p>
+                            <p>Trịnh Hoàng Huy</p>
+                            <p>29-01-2018, 1:34 am</p>
+                        </td>
+                        <td>
+                            <b>Góp ý (rate:0)</b>
+                            <p>cửa hàng nên có thêm các dòng SSD Samsung 960 PRO và Samsung 960 EVO để có thêm nhiều lựa
+                                chọn</p>
+                        </td>
+                        <td>
+                            <a href=""
+                                class="w-[32px] m-[auto] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center">
+                                <i class="icons icon-delete"></i>
+                            </a>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/template/customer/home.html b/template/customer/home.html
index 4d9bafa..19b555c 100644
--- a/template/customer/home.html
+++ b/template/customer/home.html
@@ -50,8 +50,7 @@
                 </a>
             </div>
         </div>
-        <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">
+        <div class="overflow-x-auto sm:whitespace-nowrap">
             <table class="w-[100%] mt-[15px] table">
                 <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                     <tr>
diff --git a/template/customer/review.html b/template/customer/review.html
index 2cd230f..1f72b3f 100644
--- a/template/customer/review.html
+++ b/template/customer/review.html
@@ -35,71 +35,73 @@
             </select>
         </div>
 
-
-        <table class="table">
-            <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
-                <tr>
-                    <th>STT</th>
-                    <th>Phản hồi</th>
-                    <th>Thời gian</th>
-                    <th>Tác giả</th>
-                    <th>Sản phẩm</th>
-                    <th>Nội dung</th>
-                    <th>Lựa chọn</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>1</td>
-                    <td>1</td>
-                    <td>09-08-2023, 11:24 am</td>
-                    <td>
-                        <div class="flex items-center">
-                            <b>Nguyễn An</b>
-                            <p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản trị
-                                viên</p>
-                        </div>
-                        <p>annv@hurasoft.com</p>
-                    </td>
-                    <td>
-                        <a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
-                    </td>
-                    <td>
-                        test reply
-                    </td>
-                    <td>
-                        <div class="flex items-center">
-                            <a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
-                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
-                            </a>
-                            <a href=""
-                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="icons icon-edit"></i>
-                            </a>
-                            <a href=""
-                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="fa-solid fa-crown text-[#0041E8]"></i>
-                            </a>
-                        </div>
-                        <div class="flex items-center">
-                            <a href=""
-                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="fa fa-plus text-[#0041E8]"></i>
-                            </a>
-                            <a href=""
-                                class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
-                            </a>
-                            <a href=""
-                                class="w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
-                                <i class="icons icon-delete"></i>
-                            </a>
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
+        <div class="overflow-x-auto sm:whitespace-nowrap">
+            <table class="table">
+                <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
+                    <tr>
+                        <th>STT</th>
+                        <th>Phản hồi</th>
+                        <th>Thời gian</th>
+                        <th>Tác giả</th>
+                        <th>Sản phẩm</th>
+                        <th>Nội dung</th>
+                        <th>Lựa chọn</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>1</td>
+                        <td>09-08-2023, 11:24 am</td>
+                        <td>
+                            <div class="flex items-center">
+                                <b>Nguyễn An</b>
+                                <p class="p-[3px_4px] rounded-[2px] bg-[#FFCECE] ml-[5px] font-[500] text-[10px]">Quản
+                                    trị
+                                    viên</p>
+                            </div>
+                            <p>annv@hurasoft.com</p>
+                        </td>
+                        <td>
+                            <a href="" class="text-[#0041E8]">Màn Hình AOC 24B1XHS 23.8 inch Full HD</a>
+                        </td>
+                        <td>
+                            test reply
+                        </td>
+                        <td>
+                            <div class="flex items-center">
+                                <a href="javascript:void(0)" onclick="js_list_reply_comment.showModal()"
+                                    class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                    <i class="fa-regular fa-hand-pointer text-[#0041E8]"></i>
+                                </a>
+                                <a href=""
+                                    class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                    <i class="icons icon-edit"></i>
+                                </a>
+                                <a href=""
+                                    class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                    <i class="fa-solid fa-crown text-[#0041E8]"></i>
+                                </a>
+                            </div>
+                            <div class="flex items-center">
+                                <a href=""
+                                    class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                    <i class="fa fa-plus text-[#0041E8]"></i>
+                                </a>
+                                <a href=""
+                                    class="w-[32px] h-[32px] border-[1px] border-[#ECECEC] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                    <i class="fa-solid fa-ban text-[#9E9E9E]"></i>
+                                </a>
+                                <a href=""
+                                    class="w-[32px] h-[32px] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] mb-[5px]">
+                                    <i class="icons icon-delete"></i>
+                                </a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
 
 
         <dialog id="js_list_reply_comment" class="modal">
diff --git a/template/home/components/main_stat.html b/template/home/components/main_stat.html
index c32e732..ad71f35 100644
--- a/template/home/components/main_stat.html
+++ b/template/home/components/main_stat.html
@@ -1,5 +1,5 @@
 <div
-    class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
+    class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
     <div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
         <div class="flex justify-between leading-[16px] min-h-[32px]">
             <p class="mr-[10px] w-[calc(100%-36px)] text-[#B1B1B1] text-[12px] text-custom-16 uppercase">
@@ -28,7 +28,7 @@
 </div>
 
 <div
-    class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
+    class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
     <div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
         <div class="flex justify-between leading-[16px] min-h-[32px]">
             <p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] text-custom-16 uppercase">Khách
@@ -56,7 +56,7 @@
 </div>
 
 <div
-    class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
+    class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
     <div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
         <div class="flex justify-between leading-[16px] min-h-[32px]">
             <p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-custom-16 text-[12px] uppercase">Đơn
@@ -84,7 +84,7 @@
 </div>
 
 <div
-    class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
+    class="sm:col-span-2 2xl:col-span-1 item-stat bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] transition duration-300 hover:shadow-[0px_1px_5px_0px_rgba(0,0,0,0.20)]">
     <div class="border-b border-b-[#FAFAFB] p-[10px_10px_15px_13px]">
         <div class="flex justify-between leading-[16px] min-h-[32px]">
             <p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-custom-16 text-[12px] uppercase">Đơn
@@ -112,7 +112,7 @@
 </div>
 
 <div
-    class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
+    class="sm:col-span-2 item-chart bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
     <div class="flex justify-between min-h-[100px]">
         <div>
             <h5 class="leading-[30px] text-[24px] font-[600]">32.4k</h5>
@@ -151,7 +151,7 @@
 </div>
 
 <div
-    class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
+    class="sm:col-span-2 item-chart bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] col-span-2">
     <div class="pb-[14px] mb-[10px] border-b border-gray-200 dark:border-gray-700">
         <h5 class="leading-[30px] text-[24px] font-[600]">3.4k</h5>
 
diff --git a/template/home/home.html b/template/home/home.html
index 874d755..0f300a1 100644
--- a/template/home/home.html
+++ b/template/home/home.html
@@ -1,7 +1,7 @@
 <div class="content-holder xl:gap-[16px] 2xl:gap-[10px] grid 2xl:grid-cols-10">
 
     <!-- col-left -->
-    <div class="2xl:col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px]  xl:col-span-10">
+    <div class="2xl:col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px]  xl:col-span-10 diagram">
 
         {% include 'home/components/main_stat' %}
 
@@ -28,34 +28,36 @@
                 </svg>
             </a>
 
-            <table class="table text-custom-16">
-                <thead align="center" class="bg-[#F6F6F6] font-700 text-[14px] text-[#000]">
-                    <td width="50"> STT </td>
-                    <td width="265"> Người dùng </td>
-                    <td> Nội dung </td>
-                    <td width="150"> Thời gian </td>
-                    <td width="100"> Xem chi tiết </td>
-                </thead>
+            <div class="2xl:w-full lg:w-full md:w-full overflow-x-auto whitespace-nowrap">
+                <table class="table text-custom-16">
+                    <thead align="center" class="bg-[#F6F6F6] font-700 text-[14px] text-[#000]">
+                        <td width="50"> STT </td>
+                        <td width="265"> Người dùng </td>
+                        <td> Nội dung </td>
+                        <td width="150"> Thời gian </td>
+                        <td width="100"> Xem chi tiết </td>
+                    </thead>
 
-                <tbody>
+                    <tbody>
 
-                    {% for item in page.lich_su_chinh_sua %}
-                    <tr>
-                        <td class="text-center"> {{ item.id }} </td>
-                        <td> {{ item.email }} </td>
-                        <td> {{ item.content }} </td>
-                        <td> {{ item.time }} </td>
-                        <td>
-                            <a href=""
-                                class="block text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[36px] hover:bg-[#0041E8] hover:text-[#fff]">
-                                Xem </a>
-                        </td>
-                    </tr>
+                        {% for item in page.lich_su_chinh_sua %}
+                        <tr>
+                            <td class="text-center"> {{ item.id }} </td>
+                            <td> {{ item.email }} </td>
+                            <td> {{ item.content }} </td>
+                            <td> {{ item.time }} </td>
+                            <td>
+                                <a href=""
+                                    class="block text-center rounded-[4px] border border-[#0041E8] bg-[#F5F7FF] text-[#0041E8] font-[500] leading-[36px] hover:bg-[#0041E8] hover:text-[#fff]">
+                                    Xem </a>
+                            </td>
+                        </tr>
 
-                    {% endfor %}
+                        {% endfor %}
 
-                </tbody>
-            </table>
+                    </tbody>
+                </table>
+            </div>
         </div>
     </div>
 
@@ -250,13 +252,13 @@
                     mới</button>
             </form>
 
-            <div class="home-todo-list">
+            <div class="home-todo-list overflow-x-auto 2xl:whitespace-normal sm:whitespace-nowrap">
                 <table class="table text-custom-16">
                     <thead class="bg-[#F6F6F6] text-[14px] text-[#000] font-700">
                         <td class="text-center"> STT </td>
                         <td> Nội dung </td>
                         <td> Hết hạn </td>
-                        <td> Trạng thái </td>
+                        <td class="w-[100px]"> Trạng thái </td>
                     </thead>
 
                     <tbody>
diff --git a/template/order/home.html b/template/order/home.html
index edd7347..3d1b76d 100644
--- a/template/order/home.html
+++ b/template/order/home.html
@@ -82,8 +82,7 @@
         </div>
     </div>
 
-    <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">
+    <div class="w-full overflow-x-auto sm: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 e545a75..8a408cc 100644
--- a/template/order/paygate.html
+++ b/template/order/paygate.html
@@ -61,8 +61,8 @@
         </a>
     </div>
 
-    <div>
-        <table class="table lg:max-w-[1600px] xl:max-w-[1600px] md:max-w-[1600px] sm:max-w-[1600px] 2xl:max-w-full">
+    <div class="w-full sm:whitespace-nowrap overflow-x-auto">
+        <table class="table ">
             <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 e5d930d..e340f4e 100644
--- a/template/order/wait_order.html
+++ b/template/order/wait_order.html
@@ -38,7 +38,7 @@
     </div>
 
     <div
-        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">
+        class="w-full 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 018a896..6e8a42e 100644
--- a/template/product/addon.html
+++ b/template/product/addon.html
@@ -16,8 +16,7 @@
             </a>
         </div>
 
-        <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">
+        <div class="overflow-x-auto sm:whitespace-nowrap">
             <table class="mt-[15px] table">
                 <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
                     <tr>
diff --git a/template/product/attribute.html b/template/product/attribute.html
index 9b704fd..785d635 100644
--- a/template/product/attribute.html
+++ b/template/product/attribute.html
@@ -8,94 +8,94 @@
                 class="inline-block	 w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] text-[#0041E8] mb-[2px]">+</span>
             <span class="text-[#0041E8] font-[500]">Thêm thuộc tính mới</span>
         </a>
-
-        <table class="table mt-[20px]">
-            <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
-                <tr>
-                    <th>STT</th>
-                    <th>Mã</th>
-                    <th>Tên hiển thị</th>
-                    <th>Giá trị</th>
-                    <th>Danh mục đang có</th>
-                    <th>Thứ tự</th>
-                    <th>Trạng thái</th>
-                    <th>Cập nhật</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>1</td>
-                    <td>phong-cach</td>
-                    <td>Phong cách</td>
-                    <td>5</td>
-                    <td class="w-[390px]">
-                        <a href="">Máy Tính Xách Tay,</a>
-                        <a href="">Macbook,</a>
-                        <a href="">Surface,</a>
-                        <a href="">Laptop Acer,</a>
-                        <a href="">Laptop Acer Aspire,</a>
-                        <a href="">Laptop Acer TravelMate,</a>
-                        <a href="">Test,</a>
-                    </td>
-                    <td class="w-[145px]">
-                        <input type="text" value="0"
-                            class="w-[120px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
-                    </td>
-                    <td>
-                        <a href="" class="status on">Đang hoạt động</a>
-                    </td>
-                    <td>
-                        <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='icons icon-edit'></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="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 mr-[5px]'><i
-                                    class='icons icon-remove'></i></a>
-                        </div>
-                    </td>
-                </tr>
-                <tr>
-                    <td>1</td>
-                    <td>phong-cach</td>
-                    <td>Phong cách</td>
-                    <td>5</td>
-                    <td class="w-[390px]">
-                        <a href="">Máy Tính Xách Tay,</a>
-                        <a href="">Macbook,</a>
-                        <a href="">Surface,</a>
-                        <a href="">Laptop Acer,</a>
-                        <a href="">Laptop Acer Aspire,</a>
-                        <a href="">Laptop Acer TravelMate,</a>
-                        <a href="">Test,</a>
-                    </td>
-                    <td class="w-[145px]">
-                        <input type="text" value="0"
-                            class="w-[120px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
-                    </td>
-                    <td>
-                        <a href="" class="status off">Ẩn hiển thị</a>
-                    </td>
-                    <td>
-                        <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='icons icon-edit'></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="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 mr-[5px]'><i
-                                    class='icons icon-remove'></i></a>
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-
+        <div class="overflow-x-auto">
+            <table class="table mt-[20px]">
+                <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
+                    <tr>
+                        <th>STT</th>
+                        <th>Mã</th>
+                        <th>Tên hiển thị</th>
+                        <th>Giá trị</th>
+                        <th>Danh mục đang có</th>
+                        <th>Thứ tự</th>
+                        <th>Trạng thái</th>
+                        <th>Cập nhật</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td class="whitespace-nowrap">phong-cach</td>
+                        <td>Phong cách</td>
+                        <td>5</td>
+                        <td class="w-[390px]">
+                            <a href="">Máy Tính Xách Tay,</a>
+                            <a href="">Macbook,</a>
+                            <a href="">Surface,</a>
+                            <a href="">Laptop Acer,</a>
+                            <a href="">Laptop Acer Aspire,</a>
+                            <a href="">Laptop Acer TravelMate,</a>
+                            <a href="">Test,</a>
+                        </td>
+                        <td class="w-[145px]">
+                            <input type="text" value="0"
+                                class="w-[120px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
+                        </td>
+                        <td>
+                            <a href="" class="status on">Đang hoạt động</a>
+                        </td>
+                        <td>
+                            <div class='list-btn flex items-center'>
+                                <a href=""
+                                    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-[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-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class='icons icon-delete'></i></a>
+                            </div>
+                        </td>
+                    </tr>
+                    <tr>
+                        <td>1</td>
+                        <td class="whitespace-nowrap">phong-cach</td>
+                        <td>Phong cách</td>
+                        <td>5</td>
+                        <td class="w-[390px]">
+                            <a href="">Máy Tính Xách Tay,</a>
+                            <a href="">Macbook,</a>
+                            <a href="">Surface,</a>
+                            <a href="">Laptop Acer,</a>
+                            <a href="">Laptop Acer Aspire,</a>
+                            <a href="">Laptop Acer TravelMate,</a>
+                            <a href="">Test,</a>
+                        </td>
+                        <td class="w-[145px]">
+                            <input type="text" value="0"
+                                class="w-[120px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
+                        </td>
+                        <td>
+                            <a href="" class="status off">Ẩn hiển thị</a>
+                        </td>
+                        <td>
+                            <div class='list-btn flex items-center'>
+                                <a href=""
+                                    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-[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-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'><i
+                                        class='icons icon-delete'></i></a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
 
     </div>
 </div>
\ No newline at end of file
diff --git a/template/product/brand.html b/template/product/brand.html
index 522b543..9987a58 100644
--- a/template/product/brand.html
+++ b/template/product/brand.html
@@ -38,71 +38,73 @@
             </a>
         </div>
 
-        <table class="table mt-[15px]">
-            <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
-                <tr>
-                    <th>STT</th>
-                    <th>ID</th>
-                    <th>Thương hiệu</th>
-                    <th>Lượt xem</th>
-                    <th>Logo</th>
-                    <th>Số Sản phẩm</th>
-                    <th>Cài đặt</th>
-                    <th>Cập nhật</th>
-                </tr>
-            </thead>
-            <tbody>
-                <tr>
-                    <td>1</td>
-                    <td>750</td>
-                    <td>
-                        <b>10MOONS</b>
-                        <p class="flex items-center text-[#0041E8]">
-                            <span>Link:</span>
-                            <a href="">/brand/10moons</a>
-                        </p>
-                        <p>Cập nhật cuối: 0000-00-00 00:00:00</p>
-                    </td>
-                    <td>
-                        0
-                    </td>
-                    <td>
-                        <a href="">
-                            <img src="{{'brand-1.png'| asset_url }}" alt="">
-                        </a>
-                    </td>
-                    <td>
-                        <div class="flex items-center">
-                            <p>1</p>
-                            <a href="" class="px-[7px] py-[4px] bg-[#0041E8] text-white ml-[10px] rounded-[4px]">Xem
-                                SP</a>
-                        </div>
-                    </td>
-                    <td>
-                        <div class="flex items-center">
-                            <span>STT</span>
-                            <input type="text" value="0"
-                                class="w-[80px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
-                        </div>
-                    </td>
-                    <td>
-                        <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='icons icon-edit'></i></a>
-                            <a class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'
-                                href=''><i class='icons icon-feature'></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="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 mr-[5px]'><i
-                                    class='icons icon-remove'></i></a>
-                        </div>
-                    </td>
-                </tr>
-            </tbody>
-        </table>
-
+        <div class="overflow-x-auto">
+            <table class="table mt-[15px]">
+                <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
+                    <tr>
+                        <th>STT</th>
+                        <th>ID</th>
+                        <th>Thương hiệu</th>
+                        <th>Lượt xem</th>
+                        <th>Logo</th>
+                        <th>Số Sản phẩm</th>
+                        <th>Cài đặt</th>
+                        <th>Cập nhật</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    <tr>
+                        <td>1</td>
+                        <td>750</td>
+                        <td>
+                            <b>10MOONS</b>
+                            <p class="flex items-center text-[#0041E8]">
+                                <span>Link:</span>
+                                <a href="">/brand/10moons</a>
+                            </p>
+                            <p>Cập nhật cuối: 0000-00-00 00:00:00</p>
+                        </td>
+                        <td>
+                            0
+                        </td>
+                        <td>
+                            <a href="">
+                                <img src="{{'brand-1.png'| asset_url }}" alt="">
+                            </a>
+                        </td>
+                        <td>
+                            <div class="flex items-center">
+                                <p>1</p>
+                                <a href=""
+                                    class="btn h-[30px] w-[100px] min-h-[30px] px-[7px] py-[4px] bg-[#0041E8] text-white ml-[10px] rounded-[4px]">Xem
+                                    SP</a>
+                            </div>
+                        </td>
+                        <td>
+                            <div class="flex items-center">
+                                <span class="whitespace-nowrap">STT</span>
+                                <input type="text" value="0"
+                                    class="w-[80px] h-[30px] p-[10px] border-[1px] border-[#D8D8D8] ml-[7px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]">
+                            </div>
+                        </td>
+                        <td>
+                            <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='icons icon-edit'></i></a>
+                                <a class='w-[30px] h-[30px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]'
+                                    href=''><i class='icons icon-feature'></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="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 mr-[5px]'><i
+                                        class='icons icon-remove'></i></a>
+                            </div>
+                        </td>
+                    </tr>
+                </tbody>
+            </table>
+        </div>
     </div>
 </div>
\ No newline at end of file
diff --git a/template/product/home.html b/template/product/home.html
index 93abcce..d3ae3d4 100644
--- a/template/product/home.html
+++ b/template/product/home.html
@@ -1,6 +1,5 @@
 <div class="w-[100%]">
-    <div
-        class="m-[15px_0_15px_15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)] overflow-x-auto">
+    <div class="m-[15px_0_15px_15px] px-[15px] py-[20px] rounded-[15px] bg-white shadow-[0_1px_1px_0_rgba(0,0,0,0.1)]">
         <h1 class="text-2xl font-[700] mb-3">Danh sách sản phẩm ({{ page.total | format_number }})</h1>
         <div class="flex flex-wrap justify-between items-center mt-[20px]">
             <div class="btn-left flex items-center mb-[15px]">
@@ -32,165 +31,168 @@
                 </a>
             </div>
         </div>
-        <table class="w-[100%] mt-[20px] table">
-            <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
-                <tr>
-                    <th class="whitespace-nowrap">STT</th>
-                    <th>Ảnh</th>
-                    <th class="text-left">Sản phẩm (Tổng số: {{page.total}})</th>
-                    <th class="whitespace-nowrap text-left w-[350px]">Thông tin bán hàng</th>
-                    <th class="w-[200px]">
-                        <select id=""
-                            class="block w-[230px] h-[32px] px-[5px] bg-white border-[1px] border-[#D8D8D8] font-[400] h-[30px] mt-[5px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]"
-                            onchange="location.href=this.value">
-                            <option value="/admin/product?">Lọc sản phẩm</option>
-                            <option value="/admin/product?hotType=new">Mới</option>
-                            <option value="/admin/product?hotType=hot">HOT (hỏi nhiều)</option>
-                            <option value="/admin/product?hotType=bestsale">Bán chạy</option>
-                            <option value="/admin/product?hotType=saleoff">Xả hàng (sale-off)</option>
-                            <option value="/admin/product?hotType=online-only">Chỉ bán online</option>
-                        </select>
-                    </th>
-                    <th class="text-left ">Công cụ</th>
-                </tr>
-            </thead>
-            <tbody>
-                {% assign counter = 0 %}
-                {% for item in page.item_list %}
-                {% increment counter %}
-                <tr>
-                    <td>{{ counter }}</td>
-                    <td>
-                        <img class="block mx-auto my-0 w-[70px] h-[50px]" src="{{item.image.thumb}}" alt="">
-                        <span class="text-center block">{{item.image_count}} ảnh</span>
-                    </td>
-                    <td>
-                        <a href="/admin/product/form?id={{item.id}}">[#{{item.id}}]
-                            <span class="text-[#0041E8]">-
-                                {{item.title}}</span>
-                        </a>
-                        {% if item.config_count > 0 %}<p class="text-[#FFC700] text-[12px]">[Có cấu hình]</p>{% endif %}
-                        <div class="flex items-center my-[5px]">
-                            <span>Danh mục:</span>
-                            <b class="mx-[10px]">Màn hình Máy tính</b>
-                        </div>
-                        <div class="flex items-center my-[5px]">
-                            <span>Mã kho</span>
-                            <b class="px-[5px]">{{item.sku}}</b>
-                            <span class="text-[#000] font-[500]">|</span>
-                            <span class="px-[5px]">Hãng</span>
-                            <p class="text-[#0041E8]">{{item.model}}</p>
-                        </div>
+        <div class="overflow-x-auto">
+            <table class="w-[100%] mt-[20px] table">
+                <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
+                    <tr>
+                        <th class="whitespace-nowrap">STT</th>
+                        <th>Ảnh</th>
+                        <th class="text-left">Sản phẩm (Tổng số: {{page.total}})</th>
+                        <th class="whitespace-nowrap text-left w-[350px]">Thông tin bán hàng</th>
+                        <th class="w-[200px]">
+                            <select id=""
+                                class="block w-[230px] h-[32px] px-[5px] bg-white border-[1px] border-[#D8D8D8] font-[400] h-[30px] mt-[5px] rounded-[4px] shadow-[0_2px_4px_0_#0000001F]"
+                                onchange="location.href=this.value">
+                                <option value="/admin/product?">Lọc sản phẩm</option>
+                                <option value="/admin/product?hotType=new">Mới</option>
+                                <option value="/admin/product?hotType=hot">HOT (hỏi nhiều)</option>
+                                <option value="/admin/product?hotType=bestsale">Bán chạy</option>
+                                <option value="/admin/product?hotType=saleoff">Xả hàng (sale-off)</option>
+                                <option value="/admin/product?hotType=online-only">Chỉ bán online</option>
+                            </select>
+                        </th>
+                        <th class="text-left ">Công cụ</th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {% assign counter = 0 %}
+                    {% for item in page.item_list %}
+                    {% increment counter %}
+                    <tr>
+                        <td>{{ counter }}</td>
+                        <td>
+                            <img class="block mx-auto my-0 w-[70px] h-[50px]" src="{{item.image.thumb}}" alt="">
+                            <span class="text-center block">{{item.image_count}} ảnh</span>
+                        </td>
+                        <td>
+                            <a href="/admin/product/form?id={{item.id}}">[#{{item.id}}]
+                                <span class="text-[#0041E8]">-
+                                    {{item.title}}</span>
+                            </a>
+                            {% if item.config_count > 0 %}<p class="text-[#FFC700] text-[12px]">[Có cấu hình]</p>{%
+                            endif %}
+                            <div class="flex items-center my-[5px]">
+                                <span>Danh mục:</span>
+                                <b class="mx-[10px]">Màn hình Máy tính</b>
+                            </div>
+                            <div class="flex items-center my-[5px]">
+                                <span>Mã kho</span>
+                                <b class="px-[5px]">{{item.sku}}</b>
+                                <span class="text-[#000] font-[500]">|</span>
+                                <span class="px-[5px]">Hãng</span>
+                                <p class="text-[#0041E8]">{{item.model}}</p>
+                            </div>
 
-                        {% assign date_now = "now" | date: format %}
-                        {% assign date_last = item.last_update %}
-                        {% assign time_conlai = date_now | minus: date_last %}
+                            {% assign date_now = "now" | date: format %}
+                            {% assign date_last = item.last_update %}
+                            {% assign time_conlai = date_now | minus: date_last %}
 
-                        <p class="mb-[7px]">Cập nhật: {{item.last_update | date: "Y-m-d h:i" }} <span
-                                class="text-[#E00000]">(
-                                {{ time_conlai | divided_by: 86400 | round}}
-                                ngày)</span></p>
-                        <p>Người cập nhật : {{item.last_update_by}}</p>
-                    </td>
-                    <td>
-                        <div class="flex flex-wrap items-center mb-[1px]">
-                            <span class="">Giá bán:</span>
-                            <b class="text-[#E00000] ml-[3px] whitespace-nowrap">
-                                {% if item.price > 0 %}
-                                {{item.price | format_price }} vnd
+                            <p class="mb-[7px]">Cập nhật: {{item.last_update | date: "Y-m-d h:i" }} <span
+                                    class="text-[#E00000]">(
+                                    {{ time_conlai | divided_by: 86400 | round}}
+                                    ngày)</span></p>
+                            <p>Người cập nhật : {{item.last_update_by}}</p>
+                        </td>
+                        <td>
+                            <div class="flex flex-wrap items-center mb-[1px]">
+                                <span class="">Giá bán:</span>
+                                <b class="text-[#E00000] ml-[3px] whitespace-nowrap">
+                                    {% if item.price > 0 %}
+                                    {{item.price | format_price }} vnd
+                                    {% else %}
+                                    {{item.price }} vnd
+                                    {% endif %}
+                                </b>
+                            </div>
+                            <div class="flex items-center mb-[1px]">
+                                <span class="whitespace-nowrap">Giá thị trường:</span>
+                                <b class="text-[#E00000] ml-[3px] whitespace-nowrap">
+                                    {% if item.market_price > 0 %} {{item.market_price | format_price }} vnd {% else %}
+                                    0 vnd {% endif %}
+                                </b>
+                            </div>
+                            <p>Bảo hành: {{item.warranty}}</p>
+                            <p>Khuyến mại: {{item.special_offer}}</p>
+                            <div class="flex items-center">
+                                <span>SL tổng:</span>
+                                <b class="ml-[3px]">{{item.quantity}}</b>
+                            </div>
+                        </td>
+                        <td class="align-text-top">
+
+                            <label class="cursor-pointer flex items-center mb-[7px]"
+                                onclick="AdminFunction.update_product_hot({{item.id}})">
+                                <input type="checkbox" name="new" {% if item.hot_type=="new" %}checked="checked" {%
+                                    endif %} class="checkbox checkbox-success" />
+                                <span class="label-text ml-[5px] whitespace-nowrap">Mới Hot (Hỏi nhiều)</span>
+                            </label>
+
+
+                            <label class="cursor-pointer flex items-center mb-[7px]"
+                                onclick="AdminFunction.update_product_hot({{item.id}})">
+                                <input type="checkbox" name="hot" {% if item.hot_type=="hot" %}checked="checked" {%
+                                    endif %} class="checkbox checkbox-success" />
+                                <span class="label-text ml-[5px] whitespace-nowrap">Hot (Hỏi nhiều)</span>
+                            </label>
+
+                            <label class="cursor-pointer flex items-center mb-[7px]"
+                                onclick="AdminFunction.update_product_hot({{item.id}})">
+                                <input type="checkbox" name="bestsale" {% if item.hot_type=="bestsale"
+                                    %}checked="checked" {% endif %} class="checkbox checkbox-success" />
+                                <span class="label-text ml-[5px] whitespace-nowrap">Bán
+                                    chạy</span>
+                            </label>
+
+                            <label class="cursor-pointer flex items-center mb-[7px]"
+                                onclick="AdminFunction.update_product_hot({{item.id}})">
+                                <input type="checkbox" name="saleoff" {% if item.hot_type=="saleoff" %}checked="checked"
+                                    {% endif %} class="checkbox checkbox-success" />
+                                <span class="label-text ml-[5px] whitespace-nowrap">Xả
+                                    hàng (sale-off)</span>
+                            </label>
+
+                            <label class="cursor-pointer flex items-center mb-[7px]"
+                                onclick="AdminFunction.update_product_hot({{item.id}})">
+                                <input type="checkbox" name="online-only" {% if item.hot_type=="online-only"
+                                    %}checked="checked" {% endif %} class="checkbox checkbox-success" />
+                                <span class="label-text ml-[5px] whitespace-nowrap">Chỉ bán online</span>
+                            </label>
+
+                            <div id="js-status-hottype-{{item.id}}" class="flex items-center mt-[5px]"></div>
+                        </td>
+                        <td class="align-text-top">
+                            <div class="list-btn flex items-center w-[150px]">
+                                <a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
+                                    class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]">
+                                    <i class="icons icon-edit"></i>
+                                </a>
+                                <a href="{{item.request_path}}" title="Xem tại web" target="_blank"
+                                    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-view"></i>
+                                </a>
+                                {% if item.status == 0 %}
+                                <a href=""
+                                    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>
                                 {% else %}
-                                {{item.price }} vnd
+                                <a href=""
+                                    class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] bg-white">
+                                    <i class="fa-regular fa-eye text-[#0041E8]"></i>
+                                </a>
                                 {% endif %}
-                            </b>
-                        </div>
-                        <div class="flex items-center mb-[1px]">
-                            <span class="whitespace-nowrap">Giá thị trường:</span>
-                            <b class="text-[#E00000] ml-[3px] whitespace-nowrap">
-                                {% if item.market_price > 0 %} {{item.market_price | format_price }} vnd {% else %}
-                                0 vnd {% endif %}
-                            </b>
-                        </div>
-                        <p>Bảo hành: {{item.warranty}}</p>
-                        <p>Khuyến mại: {{item.special_offer}}</p>
-                        <div class="flex items-center">
-                            <span>SL tổng:</span>
-                            <b class="ml-[3px]">{{item.quantity}}</b>
-                        </div>
-                    </td>
-                    <td class="align-text-top">
+                                <a href=""
+                                    class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
+                                    <i class="icons icon-delete"></i>
+                                </a>
+                            </div>
+                        </td>
+                    </tr>
+                    {% endfor %}
 
-                        <label class="cursor-pointer flex items-center mb-[7px]"
-                            onclick="AdminFunction.update_product_hot({{item.id}})">
-                            <input type="checkbox" name="new" {% if item.hot_type=="new" %}checked="checked" {% endif %}
-                                class="checkbox checkbox-success" />
-                            <span class="label-text ml-[5px]">Mới Hot (Hỏi nhiều)</span>
-                        </label>
-
-
-                        <label class="cursor-pointer flex items-center mb-[7px]"
-                            onclick="AdminFunction.update_product_hot({{item.id}})">
-                            <input type="checkbox" name="hot" {% if item.hot_type=="hot" %}checked="checked" {% endif %}
-                                class="checkbox checkbox-success" />
-                            <span class="label-text ml-[5px]">Hot (Hỏi nhiều)</span>
-                        </label>
-
-                        <label class="cursor-pointer flex items-center mb-[7px]"
-                            onclick="AdminFunction.update_product_hot({{item.id}})">
-                            <input type="checkbox" name="bestsale" {% if item.hot_type=="bestsale" %}checked="checked"
-                                {% endif %} class="checkbox checkbox-success" />
-                            <span class="label-text ml-[5px]">Bán
-                                chạy</span>
-                        </label>
-
-                        <label class="cursor-pointer flex items-center mb-[7px]"
-                            onclick="AdminFunction.update_product_hot({{item.id}})">
-                            <input type="checkbox" name="saleoff" {% if item.hot_type=="saleoff" %}checked="checked" {%
-                                endif %} class="checkbox checkbox-success" />
-                            <span class="label-text ml-[5px]">Xả
-                                hàng (sale-off)</span>
-                        </label>
-
-                        <label class="cursor-pointer flex items-center mb-[7px]"
-                            onclick="AdminFunction.update_product_hot({{item.id}})">
-                            <input type="checkbox" name="online-only" {% if item.hot_type=="online-only"
-                                %}checked="checked" {% endif %} class="checkbox checkbox-success" />
-                            <span class="label-text ml-[5px]">Chỉ bán online</span>
-                        </label>
-
-                        <div id="js-status-hottype-{{item.id}}" class="flex items-center mt-[5px]"></div>
-                    </td>
-                    <td class="align-text-top">
-                        <div class="list-btn flex items-center w-[150px]">
-                            <a href="/admin/product/form?id={{item.id}}" title="Form sản phẩm"
-                                class="w-[32px] h-[32px] border-[1px] border-[#0041e8] rounded-[4px] text-center leading-[32px] flex items-center justify-center mr-[5px]">
-                                <i class="icons icon-edit"></i>
-                            </a>
-                            <a href="{{item.request_path}}" title="Xem tại web" target="_blank"
-                                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-view"></i>
-                            </a>
-                            {% if item.status == 0 %}
-                            <a href=""
-                                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>
-                            {% else %}
-                            <a href=""
-                                class="w-[32px] h-[32px] border-[1px] border-[#0041E8] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px] bg-white">
-                                <i class="fa-regular fa-eye text-[#0041E8]"></i>
-                            </a>
-                            {% endif %}
-                            <a href=""
-                                class="w-[32px] h-[32px] border-[1px] border-[#9E9E9E] rounded-[4px] text-center leading-[30px] flex items-center justify-center mr-[5px]">
-                                <i class="icons icon-delete"></i>
-                            </a>
-                        </div>
-                    </td>
-                </tr>
-                {% endfor %}
-
-            </tbody>
-        </table>
+                </tbody>
+            </table>
+        </div>
 
         <div class="paging">
             {% for paging in page.pagination.collection %}
diff --git a/template/product/spec_group.html b/template/product/spec_group.html
index a23e30d..796ad7f 100644
--- a/template/product/spec_group.html
+++ b/template/product/spec_group.html
@@ -19,14 +19,13 @@
                 <span class="ml-[5px]">Nhóm thông số kỹ thuật được ghép cho từng sản phẩm cụ thể</span>
             </p>
             <a href="/admin/product/spec-group"
-                class="flex items-center border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px]">
+                class="flex items-center border-[1px] border-[#0041E8] rounded-[4px] p-[5px_10px_5px_10px] ml-[10px]">
                 <span
                     class="w-[14px] h-[14px] border-[1px] rounded-[50%] border-[#0041E8] text-center leading-[11px] mr-[5px] text-[#0041E8]">+</span>
-                <span class="text-[#0041E8]">Thêm nhóm mới</span>
+                <span class="text-[#0041E8] whitespace-nowrap">Thêm nhóm mới</span>
             </a>
         </div>
-        <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">
+        <div class="overflow-x-auto sm:whitespace-nowrap">
             <table class="table mt-[15px]">
                 <thead class="bg-[#f6f6f6] text-[#000] text-[14px]">
                     <tr>