diff --git a/assets/script/pc_style.css b/assets/script/pc_style.css
index d860496..9bdf22c 100644
--- a/assets/script/pc_style.css
+++ b/assets/script/pc_style.css
@@ -322,9 +322,12 @@ a {
   align-items: center;
   transition: 0.3s all;
   position: relative;
+  margin: 5px;
+  background: #004e99;
+  border-radius: 4px;
 }
 .admin-menu .item:hover, .admin-menu .item.current {
-  background: #81b5e4;
+  background: #22a2ff;
 }
 .admin-menu .item:hover .icons, .admin-menu .item.current .icons {
   filter: brightness(100);
@@ -423,78 +426,79 @@ a {
   background: transparent;
 }
 .admin-menu .icons {
-  width: 50px;
-  height: 40px;
+  width: 42px;
+  height: 31px;
 }
 .admin-menu .icon-home {
-  background-position: 7px 3px;
+  background-position: 4px -1px;
 }
 .admin-menu .icon-sell {
-  background-position: -29px 3px;
+  background-position: -32px -1px;
 }
 .admin-menu .icon-product {
-  background-position: -66px 3px;
+  background-position: -68px -1px;
 }
 .admin-menu .icon-user {
-  background-position: -103px 3px;
+  background-position: -105px -1px;
 }
 .admin-menu .icon-marketing {
-  background-position: -139px 3px;
+  background-position: -142px -1px;
 }
 .admin-menu .icon-content {
-  background-position: -172px 3px;
+  background-position: -175px -1px;
 }
 .admin-menu .icon-stats {
-  background-position: -208px 3px;
+  background-position: -210px -1px;
 }
 .admin-menu .icon-system {
-  background-position: -247px 3px;
+  background-position: -249px -1px;
 }
 .admin-menu .icon-settings {
-  background-position: -282px 2px;
+  background-position: -285px -1px;
   margin-left: -1px;
 }
 .admin-menu .icon-support {
-  background-position: -318px 3px;
+  background-position: -320px -1px;
 }
 .admin-menu .icon-account {
-  background-position: -354px 2px;
+  background-position: -356px -1px;
 }
 .admin-menu .icon-logout {
-  background-position: 6px -34px;
+  background-position: 4px -37px;
 }
 .admin-menu .icon-investor_relation {
   background-position: 6px -115px;
 }
 .admin-menu .icon-job {
-  background-position: -37px -114px;
+  background-position: -41px -118px;
 }
 .admin-menu .icon-pcbuilder {
-  background-position: -83px -114px;
+  background-position: -87px -118px;
 }
 .admin-menu .icon-payinstall {
-  background-position: -128px -114px;
+  background-position: -130px -118px;
 }
 .admin-menu .icon-distributor {
-  background-position: -173px -114px;
+  background-position: -175px -114px;
 }
 .admin-menu .logo {
   position: relative;
+  background: transparent;
+  border: 0;
 }
 .admin-menu .icon-close {
-  position: absolute;
-  top: 12px;
-  right: -40px;
-  width: 40px;
+  width: 42px;
   display: block;
-  background-color: rgb(0 78 153/var(--tw-bg-opacity));
-  height: 36px;
+  background-color: #22a2ff;
+  height: 31px;
+  margin: 0 auto;
+  border-radius: 4px;
 }
 .admin-menu .icon-close i {
   display: block;
   margin: 0 auto;
   text-align: center;
-  line-height: 40px;
+  line-height: 33px;
 }
 
 .admin-content-container {
diff --git a/assets/script/pc_style.scss b/assets/script/pc_style.scss
index 51734a3..8c2dd06 100644
--- a/assets/script/pc_style.scss
+++ b/assets/script/pc_style.scss
@@ -80,6 +80,7 @@ a {
     width: 8px;
     height: 10px;
 }
+
 .clearfix {
     &::after {
         content: "";
@@ -303,9 +304,12 @@ a {
         align-items: center;
         transition: 0.3s all;
         position: relative;
+        margin: 5px;
+        background: #004e99;
+        border-radius: 4px;
         &:hover,
         &.current {
-            background: #81b5e4;
+            background: #22a2ff;
             .icons {
                 filter: brightness(100);
             }
@@ -413,77 +417,78 @@ a {
         }
     }
     .icons {
-        width: 50px;
-        height: 40px;
+        width: 42px;
+        height: 31px;
     }
     .icon-home {
-        background-position: 7px 3px;
+        background-position: 4px -1px;
     }
     .icon-sell {
-        background-position: -29px 3px;
+        background-position: -32px -1px;
     }
     .icon-product {
-        background-position: -66px 3px;
+        background-position: -68px -1px;
     }
     .icon-user {
-        background-position: -103px 3px;
+        background-position: -105px -1px;
     }
     .icon-marketing {
-        background-position: -139px 3px;
+        background-position: -142px -1px;
     }
     .icon-content {
-        background-position: -172px 3px;
+        background-position: -175px -1px;
     }
     .icon-stats {
-        background-position: -208px 3px;
+        background-position: -210px -1px;
     }
     .icon-system {
-        background-position: -247px 3px;
+        background-position: -249px -1px;
     }
     .icon-settings {
-        background-position: -282px 2px;
+        background-position: -285px -1px;
         margin-left: -1px;
     }
     .icon-support {
-        background-position: -318px 3px;
+        background-position: -320px -1px;
     }
     .icon-account {
-        background-position: -354px 2px;
+        background-position: -356px -1px;
     }
     .icon-logout {
-        background-position: 6px -34px;
+        background-position: 4px -37px;
     }
     .icon-investor_relation {
         background-position: 6px -115px;
     }
     .icon-job {
-        background-position: -37px -114px;
+        background-position: -41px -118px;
     }
     .icon-pcbuilder {
-        background-position: -83px -114px;
+        background-position: -87px -118px;
     }
     .icon-payinstall {
-        background-position: -128px -114px;
+        background-position: -130px -118px;
     }
     .icon-distributor {
-        background-position: -173px -114px;
+        background-position: -175px -114px;
     }
     .logo {
         position: relative;
+        background: transparent;
+        border: 0;
     }
     .icon-close {
-        position: absolute;
-        top: 12px;
-        right: -40px;
-        width: 40px;
+        width: 42px;
         display: block;
-        background-color: rgb(0 78 153 / var(--tw-bg-opacity));
-        height: 36px;
+        background-color: #22a2ff;
+        height: 31px;
+        margin: 0 auto;
+        border-radius: 4px;
         i {
             display: block;
             margin: 0 auto;
             text-align: center;
-            line-height: 40px;
+            line-height: 33px;
         }
     }
 }
diff --git a/template/theme.html b/template/theme.html
index 0f86434..678b81b 100644
--- a/template/theme.html
+++ b/template/theme.html
@@ -110,112 +110,112 @@
         </div>
 
         <!-- Menu collapse -->
-        <div class="admin-menu box-menu fixed top-0 bg-[#004E99] flex flex-col justify-between pb-[20px] min-h-[100vh] hidden"
-            id="js-menu-small">
-            <div>
-                <div
-                    class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_!important]">
-                    <a href="/" class="">
-                        <img src="{{ 'logo_small.png' | asset_url }}" alt="">
-                    </a>
-
+        <div class="admin-menu box-menu fixed top-0 bg-[#004180]  pb-[20px] h-[100vh] hidden" id="js-menu-small">
+            <div class="flex flex-col justify-between">
+                <div>
+                    <div
+                        class="logo item items-center justify-center border-[rgba(255,255,255,0.15)] border-b p-[20px_0_!important]">
+                        <a href="/" class="">
+                            <img src="{{ 'logo_small.png' | asset_url }}" alt="">
+                        </a>
+                    </div>
                     <a href="javascript:void(0)" title="Mở menu" class="icon-close" id="js-show-menu">
                         <i class="fa-solid fa-indent"></i>
                     </a>
-                </div>
 
-                <div class="item">
-                    <a href="/" class="icons icon-home"> </a>
-                </div>
+                    <div class="item">
+                        <a href="/" class="icons icon-home"> </a>
+                    </div>
 
-                {% for _category in global.main_menu %}
-                {% assign _type = _category[0] %}
-                {% assign _menuArray = _category[1].menu %}
+                    {% for _category in global.main_menu %}
+                    {% assign _type = _category[0] %}
+                    {% assign _menuArray = _category[1].menu %}
 
-                {% if _category[1].enable == 1 %}
-                <div
-                    class="item {% if _type == 'system' %} border-[rgba(255,255,255,0.15)] border-b{% endif %} {% if _type == global.module %} current {% endif %}">
-                    {% if _type == 'order' %} <i class="icons icon-sell"> </i>
-                    {% elsif _type == 'product' %} <i class="icons icon-product"> </i>
-                    {% elsif _type == 'customer' %}<i class="icons icon-user"> </i>
-                    {% elsif _type == 'marketing' %} <i class="icons icon-marketing"> </i>
-                    {% elsif _type == 'investor_relation' %} <i class="icons icon-investor_relation"> </i>
-                    {% elsif _type == 'article' %} <i class="icons icon-content"> </i>
-                    {% elsif _type == 'job' %} <i class="icons icon-job"> </i>
-                    {% elsif _type == 'pcbuilder' %} <i class="icons icon-pcbuilder"> </i>
-                    {% elsif _type == 'payinstall' %} <i class="icons icon-payinstall"> </i>
-                    {% elsif _type == 'distributor' %} <i class="icons icon-distributor"> </i>
-                    {% elsif _type == 'report' %}<i class="icons icon-stats"></i>
-                    {% elsif _type == 'system' %}<i class="icons icon-system"></i>
+                    {% if _category[1].enable == 1 %}
+                    <div
+                        class="item {% if _type == 'system' %} border-[rgba(255,255,255,0.15)] border-b{% endif %} {% if _type == global.module %} current {% endif %}">
+                        {% if _type == 'order' %} <i class="icons icon-sell"> </i>
+                        {% elsif _type == 'product' %} <i class="icons icon-product"> </i>
+                        {% elsif _type == 'customer' %}<i class="icons icon-user"> </i>
+                        {% elsif _type == 'marketing' %} <i class="icons icon-marketing"> </i>
+                        {% elsif _type == 'investor_relation' %} <i class="icons icon-investor_relation"> </i>
+                        {% elsif _type == 'article' %} <i class="icons icon-content"> </i>
+                        {% elsif _type == 'job' %} <i class="icons icon-job"> </i>
+                        {% elsif _type == 'pcbuilder' %} <i class="icons icon-pcbuilder"> </i>
+                        {% elsif _type == 'payinstall' %} <i class="icons icon-payinstall"> </i>
+                        {% elsif _type == 'distributor' %} <i class="icons icon-distributor"> </i>
+                        {% elsif _type == 'report' %}<i class="icons icon-stats"></i>
+                        {% elsif _type == 'system' %}<i class="icons icon-system"></i>
+                        {% endif %}
+
+                        <div class="sub-menu">
+                            <p class="font-bold"> {{ _category[1].name }} </p>
+
+                            <div class="menu-list">
+                                {% for _item in _menuArray %}
+                                <a href="{{ _item.url }}" {% if _item.view==global.view %} class="current" {% endif %}>
+                                    {{ _item.name }}
+                                </a>
+                                {% endfor %}
+                            </div>
+                        </div>
+                    </div>
                     {% endif %}
+                    {% endfor %}
 
-                    <div class="sub-menu">
-                        <p class="font-bold"> {{ _category[1].name }} </p>
+                    <div class="item">
+                        <a href="" class="icons icon-settings"> </a>
 
-                        <div class="menu-list">
-                            {% for _item in _menuArray %}
-                            <a href="{{ _item.url }}" {% if _item.view==global.view %} class="current" {% endif %}>
-                                {{ _item.name }}
-                            </a>
-                            {% endfor %}
+                        <div class="sub-menu">
+                            <p class="font-bold"> Cài đặt </p>
+
+                            <div class="menu-list">
+                                {% for _item in global.main_menu.system.menu %}
+                                <a href="{{_item.url }}"> {{_item.name }} </a>
+                                {% endfor %}
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a href="" class="icons icon-support"> </a>
+
+                        <div class="sub-menu">
+                            <p class="font-bold"> Hỗ trợ </p>
+
+                            <div class="menu-list">
+                                <a href=""> Menu title </a>
+                                <a href=""> Menu title </a>
+                                <a href=""> Menu title </a>
+                                <a href=""> Menu title </a>
+                            </div>
+                        </div>
+                    </div>
+
+                    <div class="item">
+                        <a href="" class="icons icon-account"> </a>
+
+                        <div class="sub-menu">
+                            <p class="font-bold"> Quản lý tài khoản </p>
+
+                            <div class="menu-list">
+                                <a href=""> Menu title </a>
+                                <a href=""> Menu title </a>
+                                <a href=""> Menu title </a>
+                                <a href=""> Menu title </a>
+                            </div>
                         </div>
                     </div>
                 </div>
-                {% endif %}
-                {% endfor %}
-
                 <div class="item">
-                    <a href="" class="icons icon-settings"> </a>
+                    <a href="" class="icons icon-logout"> </a>
 
                     <div class="sub-menu">
-                        <p class="font-bold"> Cài đặt </p>
-
-                        <div class="menu-list">
-                            {% for _item in global.main_menu.system.menu %}
-                            <a href="{{_item.url }}"> {{_item.name }} </a>
-                            {% endfor %}
-                        </div>
-                    </div>
-                </div>
-
-                <div class="item">
-                    <a href="" class="icons icon-support"> </a>
-
-                    <div class="sub-menu">
-                        <p class="font-bold"> Hỗ trợ </p>
-
-                        <div class="menu-list">
-                            <a href=""> Menu title </a>
-                            <a href=""> Menu title </a>
-                            <a href=""> Menu title </a>
-                            <a href=""> Menu title </a>
-                        </div>
-                    </div>
-                </div>
-
-                <div class="item">
-                    <a href="" class="icons icon-account"> </a>
-
-                    <div class="sub-menu">
-                        <p class="font-bold"> Quản lý tài khoản </p>
-
-                        <div class="menu-list">
-                            <a href=""> Menu title </a>
-                            <a href=""> Menu title </a>
-                            <a href=""> Menu title </a>
-                            <a href=""> Menu title </a>
-                        </div>
+                        <p class="font-bold"> Thoát quản trị </p>
                     </div>
                 </div>
             </div>
 
-            <div class="item">
-                <a href="" class="icons icon-logout"> </a>
-
-                <div class="sub-menu">
-                    <p class="font-bold"> Thoát quản trị </p>
-                </div>
-            </div>
         </div>
 
         <div class="admin-content-container ml-[50px]" id="js-admin-content-container">