diff --git a/src/components/04_product-service/TotalProductCardComponent.vue b/src/components/04_product-service/TotalProductCardComponent.vue
index 9b75fed2..316fd0eb 100644
--- a/src/components/04_product-service/TotalProductCardComponent.vue
+++ b/src/components/04_product-service/TotalProductCardComponent.vue
@@ -19,6 +19,7 @@ withDefaults(
     typeProduct?: string;
     status?: boolean;
 
+    index?: number;
     isAddProduct?: boolean;
     isSelected?: boolean;
   }>(),
@@ -101,7 +102,7 @@ withDefaults(
           size="18px"
           text-color="white"
         >
-          1
+          {{ index !== undefined ? index + 1 : 0 }}
         </q-avatar>
       </div>
       <div class="app-text-muted">{{ data.code ?? 'code' }}</div>