diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 789f9277..7149fe3e 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -2255,6 +2255,7 @@ watch(
                                   @click.stop="
                                     () => {
                                       if (productMode === 'type') {
+                                        editByTree = 'type';
                                         currentStatusProduct =
                                           props.row.status === 'INACTIVE';
                                         clearFormGroup();
@@ -2264,6 +2265,7 @@ watch(
                                         drawerInfo = true;
                                       }
                                       if (productMode === 'group') {
+                                        editByTree = 'group';
                                         currentStatusProduct =
                                           props.row.status === 'INACTIVE';
                                         clearFormGroup();
@@ -2299,6 +2301,7 @@ watch(
                                   @click="
                                     () => {
                                       if (productMode === 'type') {
+                                        editByTree = 'type';
                                         clearFormGroup();
                                         currentIdType = props.row.id;
                                         assignFormDataGroup(props.row);
@@ -2306,6 +2309,7 @@ watch(
                                         drawerInfo = true;
                                       }
                                       if (productMode === 'group') {
+                                        editByTree = 'group';
                                         clearFormGroup();
                                         assignFormDataGroup(props.row);
                                         isEdit = true;
@@ -3530,18 +3534,18 @@ watch(
           hideFade
           useToggle
           :readonly="!isEdit"
-          :icon="productMode === 'group' ? 'mdi-folder' : 'mdi-folder-table'"
-          :fallbackCover="`/images/product-service-${productMode}-banner.png`"
+          :icon="editByTree === 'group' ? 'mdi-folder' : 'mdi-folder-table'"
+          :fallbackCover="`/images/product-service-${editByTree}-banner.png`"
           v-model:toggle-status="currentStatusGroupType"
           :color="`hsla(var(${
-            productMode === 'group'
+            editByTree === 'group'
               ? '--pink-6'
               : $q.dark.isActive
                 ? '--violet-10'
                 : '--violet-11'
           }-hsl)/1)`"
           :bg-color="`hsla(var(${
-            productMode === 'group'
+            editByTree === 'group'
               ? '--pink-6'
               : $q.dark.isActive
                 ? '--violet-10'
@@ -4768,7 +4772,7 @@ watch(
 .tags {
   display: inline-block;
   color: hsla(var(--_color-tag) / 1);
-  background: hsla(var(--_color-tag) / 0.15);
+  background: hsla(var(--_color-tag) / 0.075);
   border-radius: var(--radius-2);
   padding-inline: var(--size-2);