diff --git a/src/modules/11_discipline/components/1_Complaint/AddComplaintPage.vue b/src/modules/11_discipline/components/1_Complaint/AddComplaintPage.vue
index 617de6a92..b2215ea46 100644
--- a/src/modules/11_discipline/components/1_Complaint/AddComplaintPage.vue
+++ b/src/modules/11_discipline/components/1_Complaint/AddComplaintPage.vue
@@ -414,23 +414,6 @@ function onSubmit() {
               </datepicker>
             </div>
 
-            <div class="col-xs-12 col-sm-3" id="offenseDescription">
-              <q-select
-                for="selectOffenseDescription"
-                ref="offenseDescriptionRef"
-                dense
-                outlined
-                v-model="formData.offenseDescription"
-                :options="offenseDescriptiontoptions"
-                label="ลักษณะความผิด"
-                option-value="id"
-                option-label="name"
-                emit-value
-                map-options
-                :rules="[(val) => !!val || `${'กรุณาเลือกลักษณะความผิด'}`]"
-                lazy-rules
-              />
-            </div>
             <div class="col-xs-12 col-sm-3" id="considerationLevel">
               <q-select
                 for="selectConsiderationLevel"
@@ -496,6 +479,24 @@ function onSubmit() {
                 </template>
               </datepicker>
             </div>
+            <div class="col-xs-12 col-sm-3" id="offenseDescription">
+              <q-select
+                for="selectOffenseDescription"
+                ref="offenseDescriptionRef"
+                dense
+                outlined
+                v-model="formData.offenseDescription"
+                :options="offenseDescriptiontoptions"
+                label="ลักษณะความผิด"
+                option-value="id"
+                option-label="name"
+                emit-value
+                map-options
+                :rules="[(val) => !!val || `${'กรุณาเลือกลักษณะความผิด'}`]"
+                lazy-rules
+              />
+            </div>
+
             <div class="col-xs-12 col-sm-3" id="datewarn">
               <datepicker
                 menu-class-name="modalfix"
@@ -560,8 +561,8 @@ function onSubmit() {
                 lazy-rules
               />
             </div>
-            <div class="col-xs-12 col-sm-6"></div>
-            <div class="col-xs-12 col-sm-6" id="petitioner">
+            <div class="col-xs-12 col-sm-12"></div>
+            <div class="col-xs-12 col-sm-12" id="petitioner">
               <q-input
                 for="inputPetitioner"
                 ref="petitionerRef"