diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index 391ba7a8..9c33196b 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -2369,11 +2369,18 @@ watch(
 
                                 <q-item
                                   :id="`view-detail-btn-${props.row.name}-edit`"
+                                  :class="{
+                                    'surface-3':
+                                      props.row.status === 'INACTIVE',
+                                    'app-text-muted':
+                                      props.row.status === 'INACTIVE',
+                                  }"
                                   v-close-popup
                                   clickable
                                   dense
                                   class="row q-py-sm"
                                   style="white-space: nowrap"
+                                  :disable="props.row.status === 'INACTIVE'"
                                   @click="
                                     () => {
                                       if (productMode === 'type') {
@@ -2400,7 +2407,7 @@ watch(
                                     name="mdi-pencil-outline"
                                     class="col-3"
                                     size="xs"
-                                    style="color: hsl(var(--cyan-6-hsl))"
+                                    :style="`color: ${props.row.status !== 'INACTIVE' ? 'hsl(var(--cyan-6-hsl))' : 'none'}`"
                                   />
                                   <span class="col-9 q-px-md flex items-center">
                                     {{ $t('edit') }}
@@ -2410,6 +2417,7 @@ watch(
                                   v-close-popup
                                   :id="`view-detail-btn-${props.row.name}-delete`"
                                   dense
+                                  :disable="props.row.status !== 'CREATED'"
                                   :clickable="props.row.status === 'CREATED'"
                                   class="row"
                                   :class="{