diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 475e88f3..bf10dee7 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1624,9 +1624,8 @@ watch([inputSearch, currentStatus], async () => {
                 for="input-search"
                 outlined
                 dense
-                style="width: 250px"
                 :label="$t('search')"
-                class="q-mr-md"
+                class="q-mr-md col-12 col-md-3"
                 :bg-color="$q.dark.isActive ? 'dark' : 'white'"
                 v-model="inputSearch"
                 debounce="200"
@@ -1636,14 +1635,17 @@ watch([inputSearch, currentStatus], async () => {
                 </template>
               </q-input>
 
-              <div class="row">
+              <div
+                class="row col-12 col-md-4"
+                :class="{ 'q-pt-xs': $q.screen.lt.md }"
+              >
                 <q-select
                   v-model="currentStatus"
                   outlined
                   dense
                   option-value="value"
                   option-label="label"
-                  class="q-pr-md"
+                  class="col"
                   map-options
                   emit-value
                   :options="[
@@ -1656,6 +1658,7 @@ watch([inputSearch, currentStatus], async () => {
                   v-if="modeView === false"
                   id="select-field"
                   for="select-field"
+                  class="col q-mx-sm"
                   :options="
                     currentTab === 'employer'
                       ? fieldDisplayEmployer
@@ -1676,7 +1679,7 @@ watch([inputSearch, currentStatus], async () => {
                   id="btn-mode"
                   v-model="modeView"
                   dense
-                  class="no-shadow bordered rounded surface-1 q-ml-md"
+                  class="no-shadow bordered rounded surface-1"
                   :toggle-color="$q.dark.isActive ? 'grey-9' : 'grey-2'"
                   size="xs"
                   :options="[