diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index b6b420ee..0852bc13 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -285,9 +285,14 @@ async function onSubmit() {
     ...formData.value,
     customerType:
       customerType.value === 'customerLegalEntity' ? 'CORP' : 'PERS',
-    image: (profileFile.value ?? new File([''], 'dummy.jpg')) as File,
+    image: (profileSubmit.value
+      ? profileFile.value ?? new File([''], 'dummy.jpg')
+      : new File([''], 'dummy.jpg')) as File,
   });
   clearForm();
+  const resultList = await fetchList({ includeBranch: true });
+
+  if (resultList) listCustomer.value = resultList.result;
 }
 
 async function onSubmitEdit(id: string) {
@@ -439,7 +444,7 @@ onMounted(async () => {
         <template v-if="listCustomer && selectorLabel === 'EMPLOYER'">
           <div
             class="row full-width customer-row"
-            :style="`grid-template-columns: repeat(${$q.screen.lt.sm ? '1' : '4'}, 1fr)`"
+            :style="`grid-template-columns: repeat(${$q.screen.lt.sm ? '1' : $q.screen.lt.md ? '2 ' : '4'}, 1fr)`"
           >
             <UsersDetailCardComponent
               v-for="i in listCustomer"