diff --git a/src/modules/11_discipline/components/1_Complaint/Form.vue b/src/modules/11_discipline/components/1_Complaint/Form.vue
index d995f64a3..cb7c6b941 100644
--- a/src/modules/11_discipline/components/1_Complaint/Form.vue
+++ b/src/modules/11_discipline/components/1_Complaint/Form.vue
@@ -228,7 +228,7 @@ watch(props.data, async () => {
       <form @submit.prevent="validateForm">
         <div class="col-12 row q-pa-md">
           <div
-            class="col-xs-12 col-sm-12 row q-col-gutter-x-md q-col-gutter-y-xs"
+            class="col-xs-12 col-sm-12 row q-col-gutter-md"
           >
             <div class="col-xs-12 col-sm-3" id="complainantType">
               <q-select
@@ -243,6 +243,7 @@ watch(props.data, async () => {
                 option-label="name"
                 emit-value
                 map-options
+                hide-bottom-space
                 :rules="[(val) => !!val || `${'กรุณาเลือกผู้ร้องเรียน'}`]"
                 lazy-rules
                 @update:model-value="
@@ -278,6 +279,7 @@ watch(props.data, async () => {
                 label="รายชื่อจากทะเบียรประวัติ"
                 option-value="id"
                 option-label="name"
+                hide-bottom-space
                 emit-value
                 map-options
                 :rules="[(val) => !!val || `${'กรุณาเลือกรายชื่อ'}`]"
@@ -305,6 +307,7 @@ watch(props.data, async () => {
                 name="office"
                 ref="officeRef"
                 dense
+                hide-bottom-space
                 outlined
                 v-model="formData.office"
                 label="เลือกสำนักงาน"
@@ -323,6 +326,7 @@ watch(props.data, async () => {
                 label="หน่วยงานที่พิจารณา"
                 option-value="id"
                 option-label="name"
+                hide-bottom-space
                 emit-value
                 map-options
                 :rules="[(val) => !!val || `${'กรุณาเลือกหน่วยงาน'}`]"
@@ -347,6 +351,7 @@ watch(props.data, async () => {
                 ref="topicComplaintRef"
                 dense
                 outlined
+                hide-bottom-space
                 v-model="formData.topicComplaint"
                 :rules="[(val) => !!val || 'กรุณาการข้อมูล']"
                 lazy-rules
@@ -361,6 +366,7 @@ watch(props.data, async () => {
                 ref="detailRef"
                 dense
                 outlined
+                hide-bottom-space
                 v-model="formData.detail"
                 :rules="[(val) => !!val || 'กรุณาการข้อมูล']"
                 lazy-rules
@@ -391,6 +397,7 @@ watch(props.data, async () => {
                     ref="datereceiveRef"
                     outlined
                     dense
+                    hide-bottom-space
                     class="full-width datepicker"
                     :model-value="
                       formData.datereceive != null
@@ -428,6 +435,7 @@ watch(props.data, async () => {
                 option-value="id"
                 option-label="name"
                 emit-value
+                hide-bottom-space
                 map-options
                 :rules="[(val) => !!val || `${'กรุณาเลือกระดับการพิจารณา'}`]"
                 lazy-rules
@@ -464,6 +472,7 @@ watch(props.data, async () => {
                         : null
                     "
                     label="วันที่กำหนดวันพิจารณา"
+                    hide-bottom-space
                     :rules="[
                       (val) => !!val || `${'กรุณาเลือกวันที่กำหนดวันพิจารณา'}`,
                     ]"
@@ -493,6 +502,7 @@ watch(props.data, async () => {
                 option-value="id"
                 option-label="name"
                 emit-value
+                hide-bottom-space
                 map-options
                 :rules="[(val) => !!val || `${'กรุณาเลือกลักษณะความผิด'}`]"
                 lazy-rules
@@ -521,6 +531,7 @@ watch(props.data, async () => {
                     ref="datewarnRef"
                     outlined
                     dense
+                    hide-bottom-space
                     class="full-width datepicker"
                     :model-value="
                       formData.datewarn != null
@@ -557,6 +568,7 @@ watch(props.data, async () => {
                 label="รับเรื่องร้องเรียน"
                 option-value="id"
                 option-label="name"
+                hide-bottom-space
                 emit-value
                 map-options
                 :rules="[(val) => !!val || `${'กรุณาเลือกรับเรื่องร้องเรียน'}`]"
@@ -573,16 +585,18 @@ watch(props.data, async () => {
                 label="ผู้ร้องเรียน"
                 :rules="[(val) => !!val || `${'กรุณากรอกข้อมูล'}`]"
                 lazy-rules
+                hide-bottom-space
                 type="textarea"
                 rows="5"
               />
             </div>
-            <div class="col-xs-12 col-sm-6" id="files">
+            <div class="col-12" id="files">
               <q-file
                 for="inputFiles"
                 ref="filesRef"
                 outlined
                 dense
+                class="fit"
                 v-model="formData.files"
                 @added="fileUploadDoc"
                 label="ไฟล์เอกสารหลักฐาน"