diff --git a/src/components/SelectorList.vue b/src/components/SelectorList.vue
index 7e35cbef..fc4ea2f0 100644
--- a/src/components/SelectorList.vue
+++ b/src/components/SelectorList.vue
@@ -61,9 +61,9 @@ defineProps<{
 .q-item {
   align-items: center;
   border: 1px solid transparent;
-  padding: 6px 16px;
   min-height: 0;
-  margin-bottom: 8px;
+  padding: 0 16px;
+  margin-bottom: 4px;
 }
 
 .disable-item {
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 4039f6d1..09744bcf 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -549,7 +549,7 @@ watch(
       <SelectorList
         :list="selectorList"
         v-model:selector="selectorLabel"
-        class="q-mr-md col-4"
+        class="q-mr-md col-3"
       />
 
       <!-- stat -->
@@ -570,7 +570,7 @@ watch(
             style="background-color: var(--cyan-6); color: white"
           />
         </div>
-        <div class="row full-width q-py-md" style="overflow-x: auto">
+        <div class="row full-width" style="overflow-x: auto">
           <StatCardComponent
             v-if="sortedUserStats"
             :branch="
@@ -669,7 +669,7 @@ watch(
                 { label: $t('personnelCardTelephone'), value: v.telephoneNo },
                 {
                   label: $t('personnelCardAge'),
-                  value: userStore.calculateAge(v.birthDate as Date),
+                  value: userStore.calculateAge(v.birthDate as Date) || '',
                 },
               ],
               badge: v.code,
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 81927594..4e350ade 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -619,6 +619,8 @@ async function onDelete(id: string) {
 
 async function submitBranch() {
   if (formData.value.customerBranch?.[0]) {
+    delete formData.value.customerBranch[0]['id'];
+
     await editBranchById(currentBranchId.value, {
       ...formData.value.customerBranch[0],
       customerId: currentCustomerId.value,
@@ -791,7 +793,7 @@ watch(fieldSelectedCustomer, async () => {
           clickable
           :list="selectorList"
           v-model:selector="selectorLabel"
-          class="q-mr-md col-4"
+          class="q-mr-md col-3"
         />
 
         <!-- stat -->
@@ -819,7 +821,7 @@ watch(fieldSelectedCustomer, async () => {
               style="background-color: var(--cyan-6); color: white"
             />
           </div>
-          <div class="row full-width q-py-md" style="overflow-x: auto">
+          <div class="row full-width" style="overflow-x: auto">
             <StatCardComponent
               v-if="customerStats"
               labelI18n