diff --git a/src/css/quasar.variables.scss b/src/css/quasar.variables.scss
index 5e918de5..07a34767 100644
--- a/src/css/quasar.variables.scss
+++ b/src/css/quasar.variables.scss
@@ -128,3 +128,7 @@ i.q-icon.mdi.mdi-play.q-tree__arrow {
   ) {
   background-color: hsla(var(--info-bg) / 0.1);
 }
+
+.q-tree > .q-tree__node--child > .q-tree__node-header {
+  padding-left: 32px;
+}
diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 5c307d67..b2845627 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -681,6 +681,13 @@ watch(
                           <div
                             class="row col items-center justify-between full-width no-wrap"
                           >
+                            <q-icon
+                              v-if="node.isHeadOffice"
+                              name="mdi-triangle-down"
+                              size="12px"
+                              class="app-text-muted q-mr-md"
+                              :style="`rotate: ${expandedTree[0] === node.id ? '0deg' : '30deg'}`"
+                            />
                             <div class="col row">
                               <span
                                 class="ellipsis col-12"
@@ -1915,4 +1922,8 @@ watch(
   transform: translateY(-20px);
   opacity: 0;
 }
+
+* :deep(.q-icon.mdi-play) {
+  display: none;
+}
 </style>
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index c1a042ec..2c17d1a6 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -1464,6 +1464,13 @@ watch(
                       <div
                         class="row col items-center justify-between full-width no-wrap"
                       >
+                        <q-icon
+                          v-if="node.type === 'group' && node._count.type > 0"
+                          name="mdi-triangle-down"
+                          size="12px"
+                          class="app-text-muted q-mr-md"
+                          :style="`rotate: ${expandedTree[0] === node.id ? '0deg' : '30deg'}`"
+                        />
                         <div class="col row">
                           <span
                             class="ellipsis col-12"
@@ -1481,7 +1488,7 @@ watch(
                         </div>
 
                         <div
-                          class="row q-gutter-xs items-center no-wrap"
+                          class="row q-gutter-xs items-center no-wrap app-text-muted"
                           v-if="$q.screen.gt.xs"
                         >
                           <q-btn