diff --git a/src/modules/05_placement/components/probation/FormAssign.vue b/src/modules/05_placement/components/probation/FormAssign.vue
index a59048fd8..d793eaea2 100644
--- a/src/modules/05_placement/components/probation/FormAssign.vue
+++ b/src/modules/05_placement/components/probation/FormAssign.vue
@@ -1080,7 +1080,6 @@ onMounted(async () => {
               </div>
               <div class="col-12 row q-col-gutter-md">
                 <div class="col-xs-12 col-sm-6">
-
                   <q-input
                     :rules="[(val) => !!val || 'กรุณากรอกชื่อ']"
                     hide-bottom-space
@@ -1090,11 +1089,10 @@ onMounted(async () => {
                     outlined
                     v-model="fullname"
                     label="ชื่อ-นามสกุล"
+                    bg-color="white"
                   />
-
                 </div>
                 <div class="col-xs-12 col-sm-6">
-
                   <q-input
                     :rules="[(val) => !!val || 'กรุณากรอกตำเเหน่ง']"
                     hide-bottom-space
@@ -1104,8 +1102,8 @@ onMounted(async () => {
                     outlined
                     v-model="position"
                     label="ตำแหน่ง"
+                    bg-color="white"
                   />
-
                 </div>
                 <div class="col-12 row">
                   <div class="col-12 text-top0 items-center">
@@ -1126,8 +1124,8 @@ onMounted(async () => {
                         :outlined="status == true"
                         v-model="monthSelect"
                         :label="`ระยะเวลา (เดือน)`"
+                        bg-color="white"
                       />
-
                     </div>
                     <div class="col-xs-12 col-sm-4">
                       <datepicker
@@ -1162,12 +1160,12 @@ onMounted(async () => {
                             "
                             :label="`${'ตั้งเเต่วันที่'}`"
                             clearable
+                            bg-color="white"
                             @clear="clearDateExam"
                           >
                           </q-input>
                         </template>
                       </datepicker>
-
                     </div>
                     <div class="col-xs-12 col-sm-4">
                       <datepicker
@@ -1201,12 +1199,12 @@ onMounted(async () => {
                             "
                             :label="`${'ถึงวันที่'}`"
                             clearable
+                            bg-color="white"
                             @clear="clearDateExam2"
                           >
                           </q-input>
                         </template>
                       </datepicker>
-
                     </div>
                   </div>
                 </div>
@@ -1237,6 +1235,7 @@ onMounted(async () => {
                   @filter="filterFnCaretaker"
                   use-input
                   behavior="menu"
+                  bg-color="white"
                 >
                   <template v-slot:no-option>
                     <q-item>
@@ -1245,7 +1244,7 @@ onMounted(async () => {
                       </q-item-section>
                     </q-item>
                   </template>
-                  </q-select>
+                </q-select>
 
                 <q-select
                   clearable
@@ -1263,6 +1262,7 @@ onMounted(async () => {
                   @filter="filterFnCaretaker2"
                   use-input
                   behavior="menu"
+                  bg-color="white"
                 >
                   <template v-slot:no-option>
                     <q-item>
@@ -1304,7 +1304,6 @@ onMounted(async () => {
                   v-model="caretaker2"
                   :label="`ผู้ดูแลคนที่ 2`"
                 />
-
               </div>
             </div>
             <div class="col-12">
@@ -1329,7 +1328,6 @@ onMounted(async () => {
                   class="q-ml-sm"
                   @click="addActivity"
                 />
-
               </div>
               <div class="col-12 row q-gutter-sm">
                 <q-card
@@ -1341,7 +1339,6 @@ onMounted(async () => {
                 >
                   <div class="col-12 row q-col-gutter-sm">
                     <div class="col-xs-12 col-sm-6">
-
                       <q-input
                         :rules="
                           index < 2 ? [(val) => !!val || 'กรุณากรอกข้อมูล'] : []
@@ -1356,10 +1353,8 @@ onMounted(async () => {
                         v-model="activity_desc[index]"
                         label="กิจกรรมของงาน/ขั้นตอนการปฏิบัติงาน(ไม่เกิน10บรรทัด )"
                       />
-
                     </div>
                     <div class="col-xs-12 col-sm-5">
-
                       <q-input
                         :rules="
                           index < 2 ? [(val) => !!val || 'กรุณากรอกข้อมูล'] : []
@@ -1374,14 +1369,12 @@ onMounted(async () => {
                         v-model="goal_desc[index]"
                         label="เป้าหมายในการปฏิบัติงาน(ไม่เกิน10บรรทัด )"
                       />
-
                     </div>
                     <!-- delete -->
                     <div
                       v-if="index > 1"
                       class="col-xs-12 col-sm-1 flex justify-center items-center"
                     >
-
                       <q-btn
                         flat
                         round
@@ -1390,7 +1383,6 @@ onMounted(async () => {
                         @click="deleteactivity(index)"
                         v-if="status == true"
                       />
-
                     </div>
                   </div>
                 </q-card>
@@ -1417,7 +1409,6 @@ onMounted(async () => {
                         class="q-ml-sm"
                         @click="addKnowledge"
                       />
-
                     </div>
                     <div
                       v-for="(item, index) in knowledgeArray"
@@ -1425,7 +1416,6 @@ onMounted(async () => {
                       class="col-12 row q-col-gutter-sm"
                     >
                       <div class="col-11 q-my-xs">
-
                         <q-select
                           :option-label="
                             (item) => `${item.title}-${item.description}`
@@ -1449,13 +1439,11 @@ onMounted(async () => {
                             index + 1
                           }`"
                         />
-
                       </div>
                       <div
                         v-if="index > 2"
                         class="col-xs-12 col-sm-1 flex justify-center items-center"
                       >
-
                         <q-btn
                           v-if="status == true"
                           flat
@@ -1464,7 +1452,6 @@ onMounted(async () => {
                           icon="mdi-trash-can-outline"
                           @click="deleteknowledge(index)"
                         />
-                        
                       </div>
                     </div>
                   </div>
@@ -2119,6 +2106,7 @@ onMounted(async () => {
                     borderless
                     :outlined="status == true"
                     v-model="Other"
+                    bg-color="white"
                   />
                 </div>
               </div>
@@ -2153,7 +2141,6 @@ onMounted(async () => {
                         :rules="
                           index < 1 ? [(val) => !!val || 'กรุณากรอกข้อมูล'] : []
                         "
-                        class="bg-white"
                         type="textarea"
                         :readonly="status != true"
                         dense
@@ -2161,6 +2148,7 @@ onMounted(async () => {
                         :outlined="status == true"
                         v-model="output_desc[index]"
                         label="ผลผลิตของงานที่คาดหวัง (ไม่เกิน 10 บรรทัด)"
+                        bg-color="white"
                       />
                     </div>
 
@@ -2170,7 +2158,7 @@ onMounted(async () => {
                           index < 1 ? [(val) => !!val || 'กรุณากรอกข้อมูล'] : []
                         "
                         hide-bottom-space
-                        class="bg-white"
+                        bg-color="white"
                         type="textarea"
                         :readonly="status != true"
                         dense
@@ -2269,6 +2257,7 @@ onMounted(async () => {
                           :outlined="status == true"
                           v-model="Other5"
                           label="กรอกอื่นๆ"
+                          bg-color="white"
                         />
                       </li>
                     </div>
@@ -2351,7 +2340,6 @@ onMounted(async () => {
                 </div>
               </div>
               <div class="col-12 row q-col-gutter-md">
-
                 <div class="col-xs-12 col-sm-4">
                   <q-input
                     :readonly="status != true"
@@ -2360,6 +2348,7 @@ onMounted(async () => {
                     :outlined="status == true"
                     v-model="fullname"
                     label="ชื่อ-นามสกุล"
+                    bg-color="white"
                   />
                 </div>
 
@@ -2371,6 +2360,7 @@ onMounted(async () => {
                     :outlined="status == true"
                     v-model="position"
                     label="ตำแหน่ง"
+                    bg-color="white"
                   />
                 </div>
 
@@ -2402,6 +2392,7 @@ onMounted(async () => {
                         class="full-width datepicker"
                         :model-value="date1 != null ? date2Thai(date1) : null"
                         label="ลงวันที่"
+                        bg-color="white"
                       >
                         <template v-slot:prepend>
                           <q-icon
@@ -2440,6 +2431,7 @@ onMounted(async () => {
                   @filter="filterFnCaretaker"
                   use-input
                   behavior="menu"
+                  bg-color="white"
                 >
                   <template v-slot:no-option>
                     <q-item>
@@ -2465,6 +2457,7 @@ onMounted(async () => {
                   @filter="filterFnCaretaker"
                   use-input
                   behavior="menu"
+                  bg-color="white"
                 >
                   <template v-slot:no-option>
                     <q-item>
@@ -2503,6 +2496,7 @@ onMounted(async () => {
                         class="full-width datepicker"
                         :model-value="date2 != null ? date2Thai(date2) : null"
                         label="ลงวันที่"
+                        bg-color="white"
                       >
                         <template v-slot:prepend>
                           <q-icon
@@ -2533,6 +2527,7 @@ onMounted(async () => {
                   @filter="filterFnCaretaker2"
                   use-input
                   behavior="menu"
+                  bg-color="white"
                   ><template v-slot:no-option>
                     <q-item>
                       <q-item-section class="text-grey">
@@ -2558,6 +2553,7 @@ onMounted(async () => {
                   @filter="filterFnCaretaker2"
                   use-input
                   behavior="menu"
+                  bg-color="white"
                 >
                   <template v-slot:no-option>
                     <q-item>
@@ -2603,6 +2599,7 @@ onMounted(async () => {
                           caretaker2 != null ? date2Thai(date3) : null
                         "
                         label="ลงวันที่"
+                        bg-color="white"
                       >
                         <template v-slot:prepend>
                           <q-icon
@@ -2641,6 +2638,7 @@ onMounted(async () => {
                   use-input
                   behavior="menu"
                   @filter="filterFnCommander"
+                  bg-color="white"
                 >
                   <template v-slot:no-option>
                     <q-item>
@@ -2667,6 +2665,7 @@ onMounted(async () => {
                   use-input
                   behavior="menu"
                   @filter="filterFnCommander"
+                  bg-color="white"
                 >
                   <template v-slot:no-option>
                     <q-item>
@@ -2705,6 +2704,7 @@ onMounted(async () => {
                         class="full-width datepicker"
                         :model-value="date4 != null ? date2Thai(date4) : null"
                         label="ลงวันที่"
+                        bg-color="white"
                       >
                         <template v-slot:prepend>
                           <q-icon
@@ -2743,6 +2743,7 @@ onMounted(async () => {
                   use-input
                   behavior="menu"
                   @filter="filterFnChairman"
+                  bg-color="white"
                 >
                   <template v-slot:no-option>
                     <q-item>
@@ -2752,7 +2753,7 @@ onMounted(async () => {
                     </q-item>
                   </template>
                 </q-select>
-                
+
                 <q-select
                   v-else
                   :options="OPchairmanFn"
@@ -2769,6 +2770,7 @@ onMounted(async () => {
                   use-input
                   behavior="menu"
                   @filter="filterFnChairman"
+                  bg-color="white"
                 >
                   <template v-slot:no-option>
                     <q-item>