diff --git a/src/components/03_customer-management/CustomerInfoComponent.vue b/src/components/03_customer-management/CustomerInfoComponent.vue
index 5d489ccf..f8adc363 100644
--- a/src/components/03_customer-management/CustomerInfoComponent.vue
+++ b/src/components/03_customer-management/CustomerInfoComponent.vue
@@ -182,7 +182,11 @@ watch(currentPageBranch, async () => {
       </div>
     </div>
     <div class="row q-pa-lg q-col-gutter-xl" style="min-height: 350px">
-      <div v-for="(br, i) in branch" :key="i" class="col-4">
+      <div
+        v-for="(br, i) in branch?.sort((a, b) => a.branchNo - b.branchNo)"
+        :key="i"
+        class="col-4"
+      >
         <BranchCardCustomer
           :color="customerType"
           :badgeField="['status']"