diff --git a/src/components/02_personnel-management/FormPerson.vue b/src/components/02_personnel-management/FormPerson.vue
index 610e79da..34ed0f1a 100644
--- a/src/components/02_personnel-management/FormPerson.vue
+++ b/src/components/02_personnel-management/FormPerson.vue
@@ -69,7 +69,7 @@ defineProps<{
     </div>
 
     <div class="col-12 row q-col-gutter-sm">
-      <div class="col-6 row">
+      <div class="col-6 row" style="display: flex; gap: var(--size-2)">
         <q-select
           outlined
           use-input
@@ -83,11 +83,11 @@ defineProps<{
           option-label="label"
           option-value="value"
           lazy-rules="ondemand"
+          hide-dropdown-icon
           class="col-2"
           :dense="dense"
           :readonly="readonly"
           :options="prefixNameOptions"
-          :hide-dropdown-icon="readonly"
           :for="`${prefixId}-select-prefix-name`"
           :label="$t('formDialogInputPrefixName')"
           @filter="prefixNameFilter"
@@ -148,7 +148,7 @@ defineProps<{
         :dense="dense"
         :readonly="readonly"
         :options="prefixNameOptions"
-        :hide-dropdown-icon="readonly"
+        hide-dropdown-icon
         :for="`${prefixId}-select-prefix-name`"
         :label="$t('formDialogInputPrefixName')"
         @filter="prefixNameFilter"