diff --git a/src/components/02_personnel-management/infoForm.vue b/src/components/02_personnel-management/infoForm.vue
index 3f096e4c..ce667ebe 100644
--- a/src/components/02_personnel-management/infoForm.vue
+++ b/src/components/02_personnel-management/infoForm.vue
@@ -17,13 +17,22 @@ const zipCode = defineModel<string>('zipCode', { default: '' });
 </script>
 <template>
   <div class="row items-stretch" style="position: absolute; inset: 0">
-    <div class="col-3">
+    <div class="col-3" v-if="$slots['person-card']">
       <slot name="person-card"></slot>
     </div>
-    <div class="col-9" style="position: relative">
+    <div
+      :class="{
+        'col-9': $slots['person-card'],
+        'col-12': !$slots['person-card'],
+      }"
+      style="position: relative"
+    >
       <AppBox
         bordered
-        class="q-my-md q-mr-md"
+        :class="{
+          'q-my-md q-mr-md': $slots['person-card'],
+          'q-ma-md': !$slots['person-card'],
+        }"
         style="position: absolute; overflow-y: auto; inset: 0"
       >
         <div class="row q-col-gutter-y-md">
diff --git a/src/components/DrawerInfo.vue b/src/components/DrawerInfo.vue
index bb3904a7..18e82154 100644
--- a/src/components/DrawerInfo.vue
+++ b/src/components/DrawerInfo.vue
@@ -4,6 +4,7 @@ import { ref } from 'vue';
 defineProps<{
   title: string;
   isEdit?: boolean;
+  bgOn?: boolean;
   editData?: (...args: unknown[]) => void;
   deleteData?: (...args: unknown[]) => void;
   submit?: (...args: unknown[]) => void;
@@ -107,7 +108,7 @@ function reset() {
           class="col-10 form-body"
           style="position: relative"
           :class="{ dark: $q.dark.isActive }"
-          :style="`background-image: url(/personnel-info-bg-${$q.dark.isActive ? 'dark' : 'light'}.png)`"
+          :style="` ${bgOn ? `background-image: url(/personnel-info-bg-${$q.dark.isActive ? 'dark' : 'light'}.png)` : ''}`"
         >
           <slot name="info"></slot>
         </div>
diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 4a21f9ef..286b2d47 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -600,6 +600,7 @@ watch(
 
   <DrawerInfo
     v-if="currentUser"
+    bg-on
     :isEdit="infoPersonCardEdit"
     :title="
       $i18n.locale === 'en-US'