diff --git a/assets/script/pc_style.css b/assets/script/pc_style.css
index 74f413b..58f5c60 100644
--- a/assets/script/pc_style.css
+++ b/assets/script/pc_style.css
@@ -772,4 +772,39 @@ a {
 
 .not-padding td {
   padding: 0;
+}
+
+@media screen and (min-width: 2560px) {
+  body {
+    font-size: 18px;
+  }
+  .admin-menu-container {
+    width: 300px;
+  }
+  .admin-content-container {
+    margin-left: 300px !important;
+  }
+  .menu-list .item {
+    line-height: 50px !important;
+  }
+  .admin-menu-container .sub-menu a {
+    font-size: 16px;
+  }
+  .admin-menu-container .hover-menu a {
+    line-height: 30px;
+  }
+}
+@media (min-width: 1920px) {
+  .text-custom-14 {
+    font-size: 14px !important;
+  }
+  .text-custom-16 {
+    font-size: 16px !important;
+  }
+  .text-custom-22 {
+    font-size: 22px !important;
+  }
+  .text-custom-28 {
+    font-size: 28px !important;
+  }
 }/*# 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 83a15a9..f07e392 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 94bead5..7bcb25b 100644
--- a/assets/script/pc_style.scss
+++ b/assets/script/pc_style.scss
@@ -780,3 +780,42 @@ a {
 .not-padding td {
     padding: 0;
 }
+
+@media screen and (min-width: 2560px) {
+    body {
+        font-size: 18px;
+    }
+    .admin-menu-container {
+        width: 300px;
+    }
+    .admin-content-container {
+        margin-left: 300px !important;
+    }
+
+    .menu-list {
+        .item {
+            line-height: 50px !important;
+        }
+    }
+    .admin-menu-container .sub-menu a {
+        font-size: 16px;
+    }
+    .admin-menu-container .hover-menu a {
+        line-height: 30px;
+    }
+}
+
+@media (min-width: 1920px) {
+    .text-custom-14 {
+        font-size: 14px !important;
+    }
+    .text-custom-16 {
+        font-size: 16px !important;
+    }
+    .text-custom-22 {
+        font-size: 22px !important;
+    }
+    .text-custom-28 {
+        font-size: 28px !important;
+    }
+}
diff --git a/template/article/category.html b/template/article/category.html
index d8f7a18..b458b18 100644
--- a/template/article/category.html
+++ b/template/article/category.html
@@ -22,11 +22,11 @@
             <thead class="bg-[#f6f6f6] text-[#000] text-[14px] font-[500]">
                 <tr>
                     <td width="600"> Danh mục </td>
-                    <td> ID </td>
-                    <td> Hiển thị </td>
-                    <td width="250"> STT </td>
-                    <td width="120"> Số bài viết </td>
-                    <td width="172"> Lựa chọn </td>
+                    <td width="50" align="center"> ID </td>
+                    <td width="100" align="center"> Hiển thị </td>
+                    <td width="100" align="center"> STT </td>
+                    <td width="120" align="center"> Số bài viết </td>
+                    <td width="172" align="center"> Lựa chọn </td>
                 </tr>
             </thead>
 
@@ -54,7 +54,8 @@
 
                     <td>
                         <div class="items-center flex justify-center">
-                            <a href="/admin/article/category-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
+                            <a href="/admin/article/category-add?id=1" title="Sửa lại"
+                                class="icons icon-edit mr-[6px]"></a>
 
                             <a href="" title="Xem tại web"
                                 class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
@@ -94,7 +95,8 @@
 
                     <td>
                         <div class="items-center flex justify-center">
-                            <a href="/admin/article/category-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
+                            <a href="/admin/article/category-add?id=1" title="Sửa lại"
+                                class="icons icon-edit mr-[6px]"></a>
 
                             <a href="" title="Xem tại web"
                                 class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
@@ -134,7 +136,8 @@
 
                     <td>
                         <div class="items-center flex justify-center">
-                            <a href="/admin/article/category-add?id=1" title="Sửa lại" class="icons icon-edit"></a>
+                            <a href="/admin/article/category-add?id=1" title="Sửa lại"
+                                class="icons icon-edit mr-[6px]"></a>
 
                             <a href="" title="Xem tại web"
                                 class="fas fa-globe bg-[#F5F7FF] leading-[30px] rounded-[5px] text-[#0041E8_!important] text-center w-[30px] border border-[#0041E8] mr-[6px]"></a>
diff --git a/template/article/relation.html b/template/article/relation.html
index aecb7b3..5edc680 100644
--- a/template/article/relation.html
+++ b/template/article/relation.html
@@ -8,52 +8,65 @@
 <div class="max-w-[1141px] m-[0_auto_20px]">
     <div class="flex flex-wrap items-start justify-center">
 
-        <div class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] flex flex-wrap items-center justify-between">
+        <div
+            class="w-[100%] p-[11px_16px] bg-white m-[0_0_16px] rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] flex flex-wrap items-center justify-between">
             <p class="font-bold text-[20px]"> Sửa nội dung </p>
-            
-            <p class="text-[#6B7280] mt-[10px] order-[1] w-[100%]"> ROG FALCHION LOW PROFILE – CHƠI GAME TRÊN MAC LÀ CHUYỆN NHỎ </p>
+
+            <p class="text-[#6B7280] mt-[10px] order-[1] w-[100%]"> ROG FALCHION LOW PROFILE – CHƠI GAME TRÊN MAC LÀ
+                CHUYỆN NHỎ </p>
 
             <div class="flex items-center">
-                <a href="/admin/article/form" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
-                    <span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+                <a href="/admin/article/form"
+                    class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                    <span
+                        class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
                     <span>Thêm nội dung mới</span>
                 </a>
 
-                <a href="" class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
+                <a href=""
+                    class="inline-flex items-center whitespace-nowrap border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] p-[0_12px] m-[0_10px_0_0] group hover:bg-[#0041E8] hover:text-[#fff]">
                     <span class="far fa-folder mr-2"></span>
                     <span>Quản lý danh mục</span>
                 </a>
 
-                <a href="/admin/article" title="Danh sách nội dung" class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
+                <a href="/admin/article" title="Danh sách nội dung"
+                    class="fas fa-ellipsis-h text-[18px] border border-[#ECECEC] rounded-[4px] bg-[#fff] text-[#6B7280] leading-[35px] text-center min-w-[36px] group hover:bg-[#0041E8] hover:text-[#fff]"></a>
             </div>
-        </div>            
+        </div>
 
         <!-- col left -->
-        <div class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
-            <a href="/admin/article/form?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa </a>
+        <div
+            class="w-[270px] m-[0_16px_0_0] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] font-[500] leading-[24px] overflow-hidden">
+            <a href="/admin/article/form?id=1"
+                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Chỉnh sửa
+            </a>
 
-            <a href="/admin/article/tag?id=1" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
-            
-            <a href="/admin/article/relation?id=1&related_item_type=product" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
-                {% if _check_type[1] == 'product' %}style="color: #Fff;background: #0041E8;"{% endif %}
-            >  Liên quan: Sản phẩm  </a>
+            <a href="/admin/article/tag?id=1"
+                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"> Tag </a>
 
-            <a href="/admin/article/relation?id=1&related_item_type=product-category" class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition"
-                {% if _check_type[1] == 'product-category' %}style="color: #Fff;background: #0041E8;"{% endif %}
-            >  Liên quan: Danh mục sản phẩm  </a>
+            <a href="/admin/article/relation?id=1&related_item_type=product"
+                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" {% if
+                _check_type[1]=='product' %}style="color: #Fff;background: #0041E8;" {% endif %}> Liên quan: Sản phẩm
+            </a>
+
+            <a href="/admin/article/relation?id=1&related_item_type=product-category"
+                class="block p-[6px_16px] text-[#919699] hover:text-[#fff] hover:bg-[#0041E8] transition" {% if
+                _check_type[1]=='product-category' %}style="color: #Fff;background: #0041E8;" {% endif %}> Liên quan:
+                Danh mục sản phẩm </a>
         </div>
 
         <!-- col right -->
-        <div class="w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
+        <div
+            class="w-[852px] bg-white p-[16pX_16px_20px] rounded-[15px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] leading-[20px] block">
             {% if _check_type[1] == 'product'%}
-            
-                {% include 'article/relation_product' %}
+
+            {% include 'article/relation_product' %}
 
             {% elsif _check_type[1] == 'product-category' %}
 
-                {% include 'article/relation_product_category' %}
+            {% include 'article/relation_product_category' %}
 
-            {% endif %}            
+            {% endif %}
         </div>
     </div>
 </div>
@@ -63,15 +76,18 @@
 <div id="popup-tag" class="hidden bg-white w-[852px] p-[16px] rounded-[15px]">
     <p class="mb-[14px] font-bold text-[20px] leading-[26px]"> Chọn Tag </p>
 
-    <form method="get" enctype="multipart/form-data" action="/admin/" class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
-        <input type="text" name="q" id="keyword" value="" placeholder="Tìm link truy cập" class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
-        <input type="submit" value="Tìm kiếm" class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] mr-[12px] cursor-pointer rounded-[4px]">
+    <form method="get" enctype="multipart/form-data" action="/admin/"
+        class="border border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
+        <input type="text" name="q" id="keyword" value="" placeholder="Tìm link truy cập"
+            class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+        <input type="submit" value="Tìm kiếm"
+            class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] mr-[12px] cursor-pointer rounded-[4px]">
         <p class="inline-block leading-[36px]"> (v.d. abc-xyz) </p>
     </form>
 
     <div class="order-page-table max-h-[400px] overflow-auto">
-        <table>
-            <thead>
+        <table class="table">
+            <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
                 <tr>
                     <td width="40">STT</td>
                     <td>Thương hiệu</td>
@@ -82,10 +98,11 @@
             <tbody>
 
                 <tr align="center">
-                    <td> 1 </td>
+                    <td class="text-center"> 1 </td>
                     <td align="left"> Laptop AMD Ryzen 3 </td>
-                    <td> 
-                        <a href="" class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_7px] text-[#fff_!important]">
+                    <td>
+                        <a href=""
+                            class="block font-[500] leading-[36px] rounded-[4px] bg-[#0041E8] p-[0_7px] text-[#fff_!important]">
                             Chọn
                         </a>
                     </td>
diff --git a/template/article/relation_product_category.html b/template/article/relation_product_category.html
index a4a62a7..d38eeea 100644
--- a/template/article/relation_product_category.html
+++ b/template/article/relation_product_category.html
@@ -1,15 +1,17 @@
 <div class="flex flex-wrap items-center justify-between">
     <p class="font-bold leading-[20px] text-[20px] mr-3 mb-[13px]"> Danh sách liên quan: HuraSoft - Test tin tức </p>
 
-    <a href="/admin/article/relation-add?id=1&related_item_type=product-category" class="flex items-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] mb-[13px] group hover:bg-[#0041E8] hover:text-[#fff]">
-        <span class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
+    <a href="/admin/article/relation-add?id=1&related_item_type=product-category"
+        class="flex items-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_10px] mb-[13px] group hover:bg-[#0041E8] hover:text-[#fff]">
+        <span
+            class="border-[1px] border-[#6B7280] h-[13px] w-[13px] leading-[10.3px] text-center rounded-[50%] mr-1 group-hover:border-[#fff]">+</span>
         <span> Thêm liên quan mới </span>
     </a>
 </div>
 
-<div class="order-page-table">
+<div class="table">
     <table>
-        <thead>
+        <thead class="bg-[#f6f6f6] text-[#f6f6f6] font-700 text-[14px]">
             <tr>
                 <td width="40"> STT </td>
                 <td> Tên </td>
@@ -23,13 +25,15 @@
 
                 <td align="left">
                     <p class="mb-[7px]"> Laptop - Tablet - Mobile </p>
-                    
+
                     <p class="mr-[10px] inline-block"> STT </p>
-                    <input type="text" value="0" class="w-[70px] text-center h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                    <input type="text" value="0"
+                        class="w-[70px] text-center h-[34px] p-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
                 </td>
 
                 <td>
-                    <a href="" class="block text-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
+                    <a href=""
+                        class="block text-center border border-[#0041E8] font-[500] rounded-[4px] bg-[#F5F7FF] text-[#0041E8] leading-[31px] p-[0_5px] hover:bg-[#0041E8] hover:text-[#fff]">
                         Bỏ lựa chọn
                     </a>
                 </td>
diff --git a/template/home/components/main_stat.html b/template/home/components/main_stat.html
index eaf7321..c32e732 100644
--- a/template/home/components/main_stat.html
+++ b/template/home/components/main_stat.html
@@ -2,7 +2,9 @@
     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)]">
     <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] uppercase">Đơn hàng
+            <p class="mr-[10px] w-[calc(100%-36px)] text-[#B1B1B1] text-[12px] text-custom-16 uppercase">
+                Đơn
+                hàng
                 mới</p>
 
             <a href=""
@@ -21,7 +23,7 @@
             <b class="font-[700]"> 10% </b>
         </div>
 
-        <p class="text-[#C5C5C5] text-[12px]">Hôm qua</p>
+        <p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
     </div>
 </div>
 
@@ -29,7 +31,8 @@
     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)]">
     <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] uppercase">Khách hàng
+            <p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-[12px] text-custom-16 uppercase">Khách
+                hàng
                 liên hệ qua website</p>
 
             <a href=""
@@ -38,7 +41,7 @@
             </a>
         </div>
 
-        <p class="text-[28px] max-[1620px]:text-[22px] leading-[36px] font-[600]">10.000.000</p>
+        <p class="text-[22px] text-custom-28 leading-[36px] font-[600]">10.000.000</p>
     </div>
 
     <div class="flex items-center p-[8px_13px]">
@@ -48,7 +51,7 @@
             <b class="font-[700]"> 10% </b>
         </div>
 
-        <p class="text-[#C5C5C5] text-[12px]">Hôm qua</p>
+        <p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
     </div>
 </div>
 
@@ -56,7 +59,8 @@
     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)]">
     <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] uppercase">Đơn trả
+            <p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-custom-16 text-[12px] uppercase">Đơn
+                trả
                 góp</p>
 
             <a href=""
@@ -75,7 +79,7 @@
             <b class="font-[700]"> 10% </b>
         </div>
 
-        <p class="text-[#C5C5C5] text-[12px]">Hôm qua</p>
+        <p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
     </div>
 </div>
 
@@ -83,7 +87,8 @@
     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)]">
     <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] uppercase">Đơn hoàn
+            <p class="w-[calc(100%-36px)] mr-[10px] text-[#B1B1B1] text-custom-16 text-[12px] uppercase">Đơn
+                hoàn
                 trả</p>
 
             <a href=""
@@ -92,7 +97,7 @@
             </a>
         </div>
 
-        <p class="text-[28px] max-[1620px]:text-[22px] leading-[36px] font-[600]">10.000.000</p>
+        <p class="text-[28px] max-[1620px]:text-[22px]  leading-[36px] font-[600]">10.000.000</p>
     </div>
 
     <div class="flex items-center p-[8px_13px]">
@@ -102,7 +107,7 @@
             <b class="font-[700]"> 10% </b>
         </div>
 
-        <p class="text-[#C5C5C5] text-[12px]">Hôm qua</p>
+        <p class="text-[#C5C5C5] text-custom-16 text-[12px]">Hôm qua</p>
     </div>
 </div>
 
@@ -111,7 +116,7 @@
     <div class="flex justify-between min-h-[100px]">
         <div>
             <h5 class="leading-[30px] text-[24px] font-[600]">32.4k</h5>
-            <p class="text-[14px] text-[#7E7E7E]">Doanh thu trong tuần này</p>
+            <p class="text-custom-16 text-[14px] text-[#7E7E7E]">Doanh thu trong tuần này</p>
         </div>
 
         <div
@@ -143,4 +148,63 @@
 
         </div>
     </div>
+</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">
+    <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>
+
+        <div class="flex items-center justify-between">
+            <p class="text-[14px] text-[#7E7E7E] text-custom-16">Truy cập web trong tuần này</p>
+
+            <span
+                class="bg-green-100 text-green-800 text-xs font-medium inline-flex items-center px-2.5 py-1 rounded-md dark:bg-green-900 dark:text-green-300">
+                <svg class="w-2.5 h-2.5 me-1.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none"
+                    viewBox="0 0 10 14">
+                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                        d="M5 13V1m0 0L1 5m4-4 4 4" />
+                </svg>
+                42.5%
+            </span>
+        </div>
+    </div>
+
+    <div class="grid grid-cols-2">
+        <dl class="flex items-center">
+            <dt class="text-gray-500 dark:text-gray-400 text-sm font-normal me-1">Lượt truy cập:
+            </dt>
+            <dd class="text-gray-900 text-sm dark:text-white font-semibold">1.458</dd>
+        </dl>
+
+        <dl class="flex items-center justify-end">
+            <dt class="text-gray-500 dark:text-gray-400 text-sm font-normal me-1">Người xem:</dt>
+            <dd class="text-gray-900 text-sm dark:text-white font-semibold">2.130</dd>
+        </dl>
+    </div>
+
+    <div id="js-access-chart"></div>
+
+    <div class="grid grid-cols-1 items-center border-gray-200 border-t dark:border-gray-700 justify-between">
+        <div class="flex justify-between items-center pt-5">
+            <select>
+                <option value=""> Last 7 days </option>
+                <option value=""> Yesterday </option>
+                <option value=""> Today </option>
+                <option value=""> Last 7 days </option>
+                <option value=""> Last 30 days </option>
+                <option value=""> Last 90 days </option>
+            </select>
+
+            <a href="#"
+                class="uppercase text-sm font-semibold inline-flex items-center rounded-lg text-blue-600 hover:text-blue-700 dark:hover:text-blue-500  hover:bg-gray-100 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700 px-3 py-2">
+                Leads Report
+                <svg class="w-2.5 h-2.5 ms-1.5 rtl:rotate-180" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
+                    fill="none" viewBox="0 0 6 10">
+                    <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
+                        d="m1 9 4-4-4-4" />
+                </svg>
+            </a>
+        </div>
+    </div>
 </div>
\ No newline at end of file
diff --git a/template/home/home.html b/template/home/home.html
index 1b0a8ea..6700321 100644
--- a/template/home/home.html
+++ b/template/home/home.html
@@ -1,72 +1,14 @@
 <div class="content-holder gap-[16px] max-[1620px]:gap-[10px] grid grid-cols-10">
 
     <!-- col-left -->
-    <div class="col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px]">
+    <div class="2xl:col-span-7 grid grid-cols-4 max-[1620px]:gap-[10px] gap-[16px]  xl:col-span-10">
 
         {% include 'home/components/main_stat' %}
 
-        <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">
-            <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>
-
-                <div class="flex items-center justify-between">
-                    <p class="text-[14px] text-[#7E7E7E]">Truy cập web trong tuần này</p>
-
-                    <span
-                        class="bg-green-100 text-green-800 text-xs font-medium inline-flex items-center px-2.5 py-1 rounded-md dark:bg-green-900 dark:text-green-300">
-                        <svg class="w-2.5 h-2.5 me-1.5" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"
-                            fill="none" viewBox="0 0 10 14">
-                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="M5 13V1m0 0L1 5m4-4 4 4" />
-                        </svg>
-                        42.5%
-                    </span>
-                </div>
-            </div>
-
-            <div class="grid grid-cols-2">
-                <dl class="flex items-center">
-                    <dt class="text-gray-500 dark:text-gray-400 text-sm font-normal me-1">Lượt truy cập:
-                    </dt>
-                    <dd class="text-gray-900 text-sm dark:text-white font-semibold">1.458</dd>
-                </dl>
-
-                <dl class="flex items-center justify-end">
-                    <dt class="text-gray-500 dark:text-gray-400 text-sm font-normal me-1">Người xem:</dt>
-                    <dd class="text-gray-900 text-sm dark:text-white font-semibold">2.130</dd>
-                </dl>
-            </div>
-
-            <div id="js-access-chart"></div>
-
-            <div class="grid grid-cols-1 items-center border-gray-200 border-t dark:border-gray-700 justify-between">
-                <div class="flex justify-between items-center pt-5">
-                    <select>
-                        <option value=""> Last 7 days </option>
-                        <option value=""> Yesterday </option>
-                        <option value=""> Today </option>
-                        <option value=""> Last 7 days </option>
-                        <option value=""> Last 30 days </option>
-                        <option value=""> Last 90 days </option>
-                    </select>
-
-                    <a href="#"
-                        class="uppercase text-sm font-semibold inline-flex items-center rounded-lg text-blue-600 hover:text-blue-700 dark:hover:text-blue-500  hover:bg-gray-100 dark:hover:bg-gray-700 dark:focus:ring-gray-700 dark:border-gray-700 px-3 py-2">
-                        Leads Report
-                        <svg class="w-2.5 h-2.5 ms-1.5 rtl:rotate-180" aria-hidden="true"
-                            xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 6 10">
-                            <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
-                                d="m1 9 4-4-4-4" />
-                        </svg>
-                    </a>
-                </div>
-            </div>
-        </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-4">
-            <p class="inline-block text-[20px] font-bold leading-[36px] mb-[16px] mr-[18px]"> Lịch sử chỉnh
+            <p class="inline-block text-[20px] text-custom-22 font-bold leading-[36px] mb-[16px] mr-[18px]"> Lịch sử
+                chỉnh
                 sửa </p>
 
             <a href=""
@@ -86,7 +28,7 @@
                 </svg>
             </a>
 
-            <table class="table">
+            <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>
@@ -118,20 +60,22 @@
     </div>
 
     <!-- col-right -->
-    <div class="col-span-3">
+    <div class="2xl:col-span-3 xl:col-span-10">
         <div
             class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px] mb-[16px]">
             <div id="js-admin-home-tab"
-                class="admin-home-tab rounded-[8px] bg-[#FAFAFA] mb-[16px] text-[12px] font-[500] flex items-center">
-                <a href="#js-report-most-viewed-products" class="current">Sản phẩm xem nhiều</a>
+                class="admin-home-tab rounded-[8px] bg-[#FAFAFA] mb-[16px] text-custom-14 text-[12px]  font-[500] flex items-center">
+                <a href="#js-report-most-viewed-products" class="current">Sản phẩm
+                    xem
+                    nhiều</a>
                 <a href="#js-report-introduce-web"> Web giới thiệu</a>
                 <a href="#js-report-key-word"> Từ khóa</a>
                 <a href="#js-report-article"> Bài viết</a>
             </div>
 
             <div class="home-report-holder block" id="js-report-most-viewed-products">
-                <table class="table">
-                    <thead class="bg-[#f6f6f6] text-[14px] font-700 text-[#000]">
+                <table class="table text-custom-16">
+                    <thead class="bg-[#f6f6f6] text-[14px] text-custom-16 font-700 text-[#000]">
                         <td width="50" class="text-center">STT</td>
                         <td>Sản phẩm</td>
                         <td width="75">Lượt xem</td>
@@ -164,14 +108,15 @@
 
             <div class="home-report-holder" id="js-report-introduce-web">
                 <div>
-                    <p class="font-bold leading-[20px] text-[16px] mb-[15px]">Truy cập website</p>
+                    <p class="font-bold leading-[20px] text-[16px] mb-[15px] text-custom-18">Truy cập website</p>
 
                     <div>
                         <div class="flex" id="devices">
                             <div class="flex items-center me-4">
                                 <input id="web_1" type="checkbox" value="web_1"
                                     class="w-4 h-4 text-blue-600 bg-gray-100 border-gray-300 rounded focus:ring-blue-500 dark:focus:ring-blue-600 dark:ring-offset-gray-800 focus:ring-2 dark:bg-gray-700 dark:border-gray-600">
-                                <label for="web_1" class="ms-2 text-sm font-medium text-gray-900 dark:text-gray-300">Web
+                                <label for="web_1"
+                                    class="ms-2 text-sm text-custom-16 font-medium text-gray-900 dark:text-gray-300">Web
                                     1</label>
                             </div>
 
@@ -239,7 +184,7 @@
             </div>
 
             <div class="home-report-holder" id="js-report-article">
-                <table class="table">
+                <table class="table text-custom-16">
                     <thead class="bg-[#F6F6F6] text-[14px] font-700 text-[#000]">
                         <td width="50" class="text-center">STT</td>
                         <td>Bài viết</td>
@@ -274,7 +219,7 @@
 
         <div class="bg-white rounded-[10px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] p-[16px] max-[1620px]:p-[10px]">
             <div class="flex flex-wrap items-center justify-between mb-[10px]">
-                <p class="font-[500]">Ghi nhắc việc làm cá nhân</p>
+                <p class="font-[500] text-[14px] text-custom-16">Ghi nhắc việc làm cá nhân</p>
 
                 <div
                     class="relative rounded-[4px] max-w-[120px] bg-white leading-[32px] border border-[#d8d8d8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] p-[0px_9px_0px_30px]">
@@ -306,7 +251,7 @@
             </form>
 
             <div class="home-todo-list">
-                <table class="table">
+                <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>
diff --git a/template/marketing/promotion_add.html b/template/marketing/promotion_add.html
index f500266..ef1e2d9 100644
--- a/template/marketing/promotion_add.html
+++ b/template/marketing/promotion_add.html
@@ -262,7 +262,6 @@
                     <input type="radio" name="info[status]" value="0" class="radio checked:bg-blue-500" />
                     <span class="label-text ml-[10px]">Ẩn hiển thị</span>
                 </label>
-
             </div>
 
             <p class="bg-[#FAFAFB] h-[6px] m-[20px_-16px]"></p>
diff --git a/template/media/home.html b/template/media/home.html
index e4be6e1..af1ba2e 100644
--- a/template/media/home.html
+++ b/template/media/home.html
@@ -45,7 +45,7 @@
                     <td width="50"> STT </td>
                     <td width="120"> Xem nhanh </td>
                     <td> Tên file </td>
-                    <td width="120"> Loại file </td>
+                    <td width="120" align="center"> Loại file </td>
                     <td> Thời gian </td>
                     <td width="120"> Lựa chọn </td>
                 </tr>
@@ -78,7 +78,7 @@
 
                     <td>
                         <div class="items-center flex justify-center">
-                            <a href="" title="Sửa lại" class="icons icon-edit"></a>
+                            <a href="" title="Sửa lại" class="icons icon-edit mr-[6px]"></a>
 
                             <a href="" title="Xóa" class="icons icon-delete"></a>
                         </div>
diff --git a/template/order/bargain.html b/template/order/bargain.html
index 0568486..687fb39 100644
--- a/template/order/bargain.html
+++ b/template/order/bargain.html
@@ -22,8 +22,8 @@
         Tổng số mặc cả giá nhận được: <b> 1.458 </b>
     </p>
 
-    <div class="">
-        <table class="table">
+    <div class="max-w-[1600px] 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]">
                     <td width="50"> STT </td>
diff --git a/template/order/detail.html b/template/order/detail.html
index d7d537c..dd24a47 100644
--- a/template/order/detail.html
+++ b/template/order/detail.html
@@ -26,7 +26,8 @@
     </div>
 
     <div class="flex flex-wrap justify-between">
-        <div class="shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] rounded-[15px] bg-white w-[852px] p-[16px] mb-[25px]">
+        <div
+            class="shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] rounded-[15px] bg-white 2xl:w-[852px] lg:w-[100%] md:w-[100%] sm:w-[100%] p-[16px] mb-[25px]">
             <div class="mb-[20px]">
                 <p class="text-[16px] font-[700] mb-[13px]">1. Khách hàng</p>
 
@@ -74,9 +75,10 @@
             <div class="mb-[20px]">
                 <p class="text-[16px] font-[700] mb-[13px]">2. Sản phẩm</p>
 
-                <div class="order-page-table text-center">
-                    <table>
-                        <thead>
+                <div
+                    class="lg:max-w-[1600px] ms:max-w-[1600px] md:max-w-[1600px] 2xl:w-[100%] 2xl:overflow-hidden overflow-x-auto lg:whitespace-nowrap ms:whitespace-nowrap md:whitespace-nowrap 2xl:whitespace-normal">
+                    <table class="table text-center">
+                        <thead class="bg-[#f6f6f6] text-[14px] text-[#000] font-700">
                             <tr>
                                 <td> STT </td>
                                 <td> Mã kho </td>
@@ -181,7 +183,7 @@
             </div>
         </div>
 
-        <div class="rounded-[10px] w-[273px] leading-[18px]">
+        <div class="lg:w-[100%] md:w-[100%] sm:w-[100%]  rounded-[10px] 2xl:w-[273px] leading-[18px]">
 
             <div
                 class="rounded-[15px] w-[100%] bg-white p-[18px_16px] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)] mb-[16px]">
diff --git a/template/order/home.html b/template/order/home.html
index 3aad293..0d2620d 100644
--- a/template/order/home.html
+++ b/template/order/home.html
@@ -1,4 +1,4 @@
-<div class="order-page m-[16px] p-[20px_15px] bg-white">
+<div class="order-page m-[16px_0_16px_16px] p-[20px_15px] bg-white">
     <p class="m-[0_0_10px] text-[24px] font-[600] leading-[31px]">Danh sách đơn hàng </p>
 
     <div class="order-page-title flex flex-wrap mb-[17px] leading-[36px]">
@@ -19,14 +19,14 @@
 
         <div
             class="flex flex-wrap items-center mb-[15px] p-[15px_16px] border border-[#F6F6F6] shadow-[0px_1px_1px_0px_rgba(0,0,0,0.10)]">
-            <div class="flex items-center mb-[10px]">
+            <div class="flex items-center flex-wrap mb-[10px]">
                 <input type="text" name="orderCode" value="" placeholder="Mã đơn hàng"
                     class="w-[375px] h-[36px] p-[0_10px] m-[0_10px_0_0] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
 
-                <span class="whitespace-nowrap">hoặc</span>
+                <span class="whitespace-nowrap lg:hidden sm:hidden">hoặc</span>
 
                 <input type="text" name="q" value="" placeholder="Tìm người mua (* tên, email, điện thoại)"
-                    class="w-[375px] h-[36px] p-[0_10px] m-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
+                    class="w-[375px] sm:mt-[10px] sm:ml-[0] h-[36px] p-[0_10px] m-[0_10px] rounded-[4px] border border-[#D8D8D8] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.10)]">
             </div>
 
             <div class="flex items-center mb-[10px]">
@@ -58,8 +58,8 @@
         </div>
     </form>
 
-    <div class="flex items-center justify-between m-[14px_0_20px]">
-        <div>
+    <div class="flex items-center flex-wrap justify-between m-[14px_0_20px]">
+        <div class="2xl:w-[50%] md:w-[100%]">
             <p class="m-[0_55px_0_0] inline-block">
                 Tổng số đơn hàng: <b>1.458</b>
             </p>
@@ -69,9 +69,9 @@
             </p>
         </div>
 
-        <div>
+        <div class="2xl:w-[50%] md:w-[100%] flex 2xl:justify-end md:justify-start md:mt-[10px]">
             <a href=""
-                class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[600] text-[#0041E8] p-[0_14px] inline-block m-[0_0_0_15px]">
+                class="rounded-[4px] bg-[#F5F7FF] border border-[#0041E8] hover:text-[#fff] hover:bg-[#0041E8] leading-[36px] font-[600] text-[#0041E8] p-[0_14px] inline-block">
                 <i class="fas fa-print m-[0_4px_0_0]"></i> In danh sách
             </a>
 
@@ -82,8 +82,8 @@
         </div>
     </div>
 
-    <div>
-        <table class="table">
+    <div class="max-w-[1600px] 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>
                     <td> STT </td>
@@ -93,7 +93,8 @@
                     <td> Tỉnh/TP </td>
                     <td class="w-[150px]"> Giá trị </td>
                     <td width="150">
-                        <select onchange="setHiddenValue('js-payment', this.value); runFilter()">
+                        <select onchange="setHiddenValue('js-payment', this.value); runFilter()"
+                            class="select h-[35px] min-h-[35px] min-w-[110px] pl-[5px]">
                             <option value="">Thanh toán</option>
                             {% for _item in page.payment_status_list %}
                             <option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
@@ -102,7 +103,8 @@
                     </td>
 
                     <td width="160">
-                        <select onchange="setHiddenValue('js-fullfillment', this.value); runFilter()">
+                        <select onchange="setHiddenValue('js-fullfillment', this.value); runFilter()"
+                            class="select h-[35px] min-h-[35px] min-w-[110px] pl-[5px]">
                             <option value="">Vận chuyển</option>
                             {% for _item in page.fullfillment_status_list %}
                             <option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
@@ -111,7 +113,8 @@
                     </td>
 
                     <td width="170">
-                        <select onchange="setHiddenValue('js-status', this.value); runFilter()">
+                        <select onchange="setHiddenValue('js-status', this.value); runFilter()"
+                            class="select h-[35px] min-h-[35px] min-w-[140px] pl-[5px]">
                             <option value="">Tình trạng đơn</option>
                             {% for _item in page.order_status_list %}
                             <option value="{{ _item[1].id }}">{{ _item[1].title }}</option>
@@ -120,7 +123,8 @@
                     </td>
 
                     <td width="180">
-                        <select onchange="setHiddenValue('assign_to', this.value); runFilter()">
+                        <select onchange="setHiddenValue('assign_to', this.value); runFilter()"
+                            class="select h-[35px] min-h-[35px] min-w-[150px] pl-[5px]">
                             <option value="">Người được giao</option>
                         </select>
                     </td>
diff --git a/template/order/paygate.html b/template/order/paygate.html
index 10cc4d9..264101d 100644
--- a/template/order/paygate.html
+++ b/template/order/paygate.html
@@ -20,11 +20,11 @@
     </div>
 
     <form method="get" enctype="multipart/form-data" action="/admin/"
-        class="flex items-center  border-[#F6F6F6] m-[12px_0_20px] p-[15px] bg-white rounded-[10px] shadow-[0px_1px_4px_0px_rgba(0,0,0,0.10)]">
+        class="flex flex-wrap items-center  border-[#F6F6F6] m-[12px_0_20px] p-[15px_15px_0_15px] bg-white rounded-[10px] shadow-[0px_1px_4px_0px_rgba(0,0,0,0.10)]">
         <input type="text" name="q" id="keyword" value="" placeholder="Tìm theo email hoặc số điện thoại"
-            class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_0_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
+            class="w-[375px] h-[36px] border border-[#D8D8D8] m-[0_10px_15px_0] p-[0_10px] bg-white rounded-[4px] shadow-[0px_2px_4px_0px_rgba(0,0,0,0.12)] ">
 
-        <div class="items-center flex">
+        <div class="items-center flex mb-[15px]">
             <p class="mr-1"> Từ ngày </p>
 
             <div class="relative m-[0_20px_0_10px]">
@@ -34,7 +34,7 @@
             </div>
         </div>
 
-        <div class="items-center flex">
+        <div class="items-center flex mb-[15px]">
             <p class="mr-1"> Đến ngày </p>
 
             <div class="relative m-[0_20px_0_10px]">
@@ -45,7 +45,7 @@
         </div>
 
         <input type="submit" value="Tìm kiếm"
-            class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] cursor-pointer rounded-[4px]">
+            class="h-[36px] bg-[#0041E8] text-[#fff] font-[500] p-[0_8px] mb-[15px] cursor-pointer rounded-[4px]">
     </form>
 
     <div class="m-[14px_0] flex items-center justify-between">
diff --git a/template/order/wait_order.html b/template/order/wait_order.html
index e4b3904..61f07a9 100644
--- a/template/order/wait_order.html
+++ b/template/order/wait_order.html
@@ -37,13 +37,14 @@
         </a>
     </div>
 
-    <div>
-        <table class="table">
+    <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">
+        <table class="table table-pin-rows table-pin-cols">
             <thead class="bg-[#F6F6F6] text-[#000] text-[14px]">
                 <tr class="font-[600]">
                     <td width="55"> STT </td>
                     <td> Khách hàng </td>
-                    <td width="420"> Sản phẩm </td>
+                    <td width="420" class="w-[420px]"> Sản phẩm </td>
                     <td> Nhận hàng tại </td>
                     <td> Ghi chú </td>
                     <td> Trạng thái </td>
@@ -54,13 +55,13 @@
             <tbody>
                 <tr id="row_1">
                     <td align="center"> 1 </td>
-                    <td>
+                    <td class="whitespace-nowrap">
                         <p> - Họ tên: <b> Ngô Quang Sơn </b> </p>
                         <p> - Email: sonnq57@yahoo.com.sg </p>
                         <p> - Tel: 0913236989 </p>
                     </td>
 
-                    <td>
+                    <td class="">
                         <a href="" target="_blank"> [Mới 100%] Dell Gaming G16 7620 (Intel core i7-12700H, 16GB, 1TB,
                             RTX 3060 6GB, 16″ QHD+ 165Hz IPS) </a>
                     </td>
diff --git a/template/product/home.html b/template/product/home.html
index deef522..93abcce 100644
--- a/template/product/home.html
+++ b/template/product/home.html
@@ -2,8 +2,8 @@
     <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">
         <h1 class="text-2xl font-[700] mb-3">Danh sách sản phẩm ({{ page.total | format_number }})</h1>
-        <div class="flex justify-between items-center mt-[20px]">
-            <div class="btn-left flex items-center">
+        <div class="flex flex-wrap justify-between items-center mt-[20px]">
+            <div class="btn-left flex items-center mb-[15px]">
                 <a href="javascript:void(0)" onclick="js_list_category.showModal()"
                     class="px-[10px] py-[8px] border-[#79B0E2] border-[1px] rounded-[4px] text-[#79B0E2] hover:bg-[#0061ff] hover:text-white mr-[15px]">
                     Chọn danh mục để xem
@@ -13,9 +13,9 @@
                     Chọn thương hiệu để xem
                 </a>
             </div>
-            <div class="btn-right flex items-center">
+            <div class="btn-right flex items-center mb-[15px]">
                 <a href="/admin/product/form"
-                    class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white ml-[15px] font-[500]">
+                    class="flex items-center px-[10px] py-[8px] border-[#0041E8] border-[1px] rounded-[4px] text-[#0041E8] hover:bg-[#0041E8] hover:text-white font-[500]">
                     <span
                         class="border-[1px] border-[#0041E8] h-[15px] w-[15px]  leading-[11px] text-center rounded-[50%] mr-1">+</span>
                     <span>Thêm sản phẩm mới</span>
diff --git a/template/theme.html b/template/theme.html
index 8a5d7e7..da77431 100644
--- a/template/theme.html
+++ b/template/theme.html
@@ -106,7 +106,7 @@
         </div>
         <div class="admin-content-container ml-[245px]" id="js-admin-content-container">
             <!-- Header -->
-            <div class="admin-header-container flex items-center justify-between bg-white px-4 py-3">
+            <div class="admin-header-container flex items-center flex-wrap justify-between bg-white px-4 py-3">
                 <form class="max-w-[420px] relative w-[100%] menu-hide" id="js-form-search">
                     <div
                         class="content w-[100%] flex items-center border-[#ECECEC] border-[1px] rounded-[5px] focus-within:border-[#0041E8]">
@@ -134,7 +134,7 @@
 
                 </form>
 
-                <div class="admin-header-right flex items-center justify-end">
+                <div class="admin-header-right flex items-center justify-end sm:mt-[10px]">
                     <a href="" title="Truy cập trung tâm hỗ trợ của Hurasoft">
                         <i class="icons header-support"></i>
                     </a>