diff --git a/src/pages/01_branch-management/MainPage.vue b/src/pages/01_branch-management/MainPage.vue
index 586ed370..74791a1f 100644
--- a/src/pages/01_branch-management/MainPage.vue
+++ b/src/pages/01_branch-management/MainPage.vue
@@ -50,7 +50,7 @@ const columns = [
   {
     name: 'telephoneNo',
     align: 'left',
-    label: 'formDialogTelephone',
+    label: 'formDialogInputTelephone',
     field: 'telephoneNo',
   },
   {
@@ -740,7 +740,6 @@ watch(locale, () => {
                 >
                   <div class="col-6">
                     <q-input
-                      :bg-color="$q.dark.isActive ? '' : 'white'"
                       for="input-Search"
                       style="width: 250px"
                       :label-color="$q.dark.isActive ? 'white' : 'grey-10'"
@@ -754,7 +753,7 @@ watch(locale, () => {
 
                   <div class="col-6 row q-gutter-x-sm justify-end text-right">
                     <q-btn-dropdown
-                      class="bordered rounded surface-1 q-pl-md"
+                      class="bordered rounded surface-1"
                       dense
                       unelevated
                       :label="labelBtnStatus"
@@ -863,8 +862,8 @@ watch(locale, () => {
                       v-model="modeView"
                       id="btn-mode"
                       dense
-                      class="no-shadow bordered rounded"
-                      :toggle-color="$q.dark.isActive ? 'grey-9' : 'white'"
+                      class="no-shadow bordered rounded surface-1"
+                      :toggle-color="$q.dark.isActive ? 'grey-9' : 'grey-2'"
                       size="xs"
                       :options="[
                         { value: true, slot: 'folder' },