diff --git a/src/components/TabComponent.vue b/src/components/TabComponent.vue
index 8f834b12..ee9a4665 100644
--- a/src/components/TabComponent.vue
+++ b/src/components/TabComponent.vue
@@ -113,6 +113,7 @@ function close(index: number) {
   <div class="column seprarator-fix">
     <q-tab-panels v-model="tab" class="rounded-borders">
       <q-tab-panel
+        :id="`tab-branch-${index}`"
         v-for="(v, index) in customerBranch"
         :key="index"
         :name="index"