diff --git a/src/components/04_product-service/FormServiceWork.vue b/src/components/04_product-service/FormServiceWork.vue
index f1f20db9..7c186b81 100644
--- a/src/components/04_product-service/FormServiceWork.vue
+++ b/src/components/04_product-service/FormServiceWork.vue
@@ -47,6 +47,7 @@ const nodes = ref([
           v.product.map((x) => ({
             title: x.name,
             subtitle: x.code || ' ',
+            opened: true,
             icon: 'mdi-shopping-outline',
             bg: 'hsla(var(--teal-10-hsl)/0.1)',
             fg: 'var(--teal-10)',
@@ -57,6 +58,7 @@ const nodes = ref([
         .flatMap((v) => ({
           title: v.name,
           subtitle: ' ',
+          opened: true,
           children: v.product.map((x) => ({
             title: x.name,
             subtitle: x.code || ' ',
@@ -106,6 +108,7 @@ watch(
               v.product.map((x) => ({
                 title: x.name,
                 subtitle: x.code || ' ',
+                opened: true,
                 icon: 'mdi-shopping-outline',
                 bg: 'hsla(var(--teal-10-hsl)/0.1)',
                 fg: 'var(--teal-10)',
@@ -116,6 +119,7 @@ watch(
             .flatMap((v) => ({
               title: v.name,
               subtitle: ' ',
+              opened: true,
               children: v.product.map((x) => ({
                 title: x.name,
                 subtitle: x.code || ' ',
@@ -179,7 +183,7 @@ watch(
 
     <div
       v-else-if="workItems.length > 0 && treeView"
-      class="row rounded bordered surface-2 col q-pa-md"
+      class="row rounded bordered surface-2 col q-pa-md scroll"
     >
       <TreeView
         expandable