diff --git a/src/pages/02_personnel-management/MainPage.vue b/src/pages/02_personnel-management/MainPage.vue
index 1d059a05..9f850b03 100644
--- a/src/pages/02_personnel-management/MainPage.vue
+++ b/src/pages/02_personnel-management/MainPage.vue
@@ -1611,7 +1611,11 @@ watch(
           useToggle
           color="white"
           icon="mdi-account-outline"
-          bgColor="linear-gradient(135deg, rgba(43,137,223,1) 0%, rgba(230,51,81,1) 100%)"
+          :bgColor="
+            formData.gender
+              ? 'white'
+              : 'linear-gradient(135deg, rgba(43,137,223,1) 0%, rgba(230,51,81,1) 100%)'
+          "
           v-model:toggle-status="formData.status"
           hideFade
           :menu="formMenuIcon"