diff --git a/src/modules/15_development/components/BasicInfo.vue b/src/modules/15_development/components/BasicInfo.vue
index a6dfe53d8..adaf4eaef 100644
--- a/src/modules/15_development/components/BasicInfo.vue
+++ b/src/modules/15_development/components/BasicInfo.vue
@@ -291,7 +291,6 @@ onMounted(async () => {
     <q-separator />
     <div class="text-right q-pa-sm">
       <q-btn
-        dense
         unelevated
         label="บันทึก"
         id="onSubmit"
diff --git a/src/modules/15_development/components/FollowResult.vue b/src/modules/15_development/components/FollowResult.vue
index 21de47a1a..086315f86 100644
--- a/src/modules/15_development/components/FollowResult.vue
+++ b/src/modules/15_development/components/FollowResult.vue
@@ -416,9 +416,8 @@ onMounted(() => {
         </div>
       </div>
       <q-separator />
-      <div class="text-right q-pa-sm">
+      <q-card-actions align="right">
         <q-btn
-          dense
           unelevated
           label="บันทึก"
           id="onSubmit"
@@ -428,7 +427,7 @@ onMounted(() => {
         >
           <q-tooltip>บันทึกข้อมูล</q-tooltip>
         </q-btn>
-      </div>
+      </q-card-actions>
     </q-form>
   </q-card>
 
@@ -440,8 +439,8 @@ onMounted(() => {
           :close="closeDialog"
         />
         <q-separator />
-        <q-card-section class="q-pt-none">
-          <div class="row q-pa-md q-col-gutter-sm">
+        <q-card-section >
+          <div class="row q-col-gutter-sm">
             <div class="col-6">
               <q-select
                 dense
@@ -519,9 +518,8 @@ onMounted(() => {
           </div>
         </q-card-section>
         <q-separator />
-        <q-card-actions align="right" class="bg-white text-teal">
+        <q-card-actions align="right">
           <q-btn
-            dense
             unelevated
             label="บันทึก"
             id="onSubmit"
diff --git a/src/modules/15_development/components/MainTab.vue b/src/modules/15_development/components/MainTab.vue
index 57fcf039e..a4c229443 100644
--- a/src/modules/15_development/components/MainTab.vue
+++ b/src/modules/15_development/components/MainTab.vue
@@ -131,9 +131,9 @@ onMounted(() => {
           <BasicInfo />
         </q-tab-panel>
         <q-tab-panel name="Target"> <Target /></q-tab-panel>
-        <q-tab-panel name="ProjectDetail"> <ProjectDetail /> </q-tab-panel>
+        <q-tab-panel name="ProjectDetail" style="padding: 0px"> <ProjectDetail /> </q-tab-panel>
         <q-tab-panel name="FollowResult"> <FollowResult /> </q-tab-panel>
-        <q-tab-panel name="Other"> <Other /> </q-tab-panel>
+        <q-tab-panel name="Other" style="padding: 0px"> <Other /> </q-tab-panel>
         <q-tab-panel name="Record"> <Record /> </q-tab-panel>
       </q-tab-panels>
     </div>
diff --git a/src/modules/15_development/components/Other.vue b/src/modules/15_development/components/Other.vue
index 49f8c2516..92bc32744 100644
--- a/src/modules/15_development/components/Other.vue
+++ b/src/modules/15_development/components/Other.vue
@@ -609,7 +609,6 @@ onMounted(() => {
     <q-separator />
     <div class="text-right q-pa-sm">
       <q-btn
-        dense
         unelevated
         label="บันทึก"
         id="onSubmit"
diff --git a/src/modules/15_development/components/ProjectDetail.vue b/src/modules/15_development/components/ProjectDetail.vue
index 4c317ba77..3049f8b1e 100644
--- a/src/modules/15_development/components/ProjectDetail.vue
+++ b/src/modules/15_development/components/ProjectDetail.vue
@@ -192,7 +192,7 @@ onMounted(() => {
 
 <template>
   <q-form greedy @submit.prevent @validation-success="onSubmit">
-    <div class="row">
+    <div class="row q-pa-sm">
       <div class="col-12">
         <q-select
           dense
@@ -208,7 +208,7 @@ onMounted(() => {
           class="inputgreen"
         />
       </div>
-    </div>
+
 
     <q-card bordered class="col-12 q-my-sm">
       <div
@@ -525,11 +525,10 @@ onMounted(() => {
         </div>
       </q-card-section>
     </q-card>
-
+  </div>
     <q-separator />
     <div class="text-right q-pa-sm">
       <q-btn
-        dense
         unelevated
         label="บันทึก"
         id="onSubmit"
diff --git a/src/modules/15_development/components/Target.vue b/src/modules/15_development/components/Target.vue
index 245dee7ea..8d01b5644 100644
--- a/src/modules/15_development/components/Target.vue
+++ b/src/modules/15_development/components/Target.vue
@@ -807,8 +807,8 @@ onMounted(() => {
           :close="onClickCloseDialog"
         />
         <q-separator />
-        <q-card-section class="q-p-sm">
-          <div class="row col-12 q-col-gutter-md">
+        <q-card-section class="q-pa-md">
+          <div class="row col-12 q-col-gutter-sm">
             <div class="col-xs-6 col-sm-6 col-md-6">
               <q-select
                 dense
@@ -988,8 +988,8 @@ onMounted(() => {
           :close="onClickCloseDialog"
         />
         <q-separator />
-        <q-card-section class="q-p-sm">
-          <div class="row col-12 q-col-gutter-md">
+        <q-card-section class="q-pa-md">
+          <div class="row col-12 q-col-gutter-sm">
             <div class="col-xs-6 col-sm-6 col-md-6">
               <q-select
                 dense
@@ -1089,7 +1089,7 @@ onMounted(() => {
             </div>
             <div
               v-for="(items, index) in formGroupTarget.positions"
-              class="col-12 row q-col-gutter-md"
+              class="col-12 row q-col-gutter-sm"
             >
               <div
                 class="col"
@@ -1180,19 +1180,11 @@ onMounted(() => {
           </div>
         </q-card-section>
         <q-separator />
-        <div class="text-right q-pa-sm">
-          <q-btn
-            dense
-            unelevated
-            label="บันทึก"
-            id="onSubmit"
-            type="submit"
-            color="public"
-            class="q-px-md"
+        <q-card-actions align="right">
+          <q-btn label="บันทึก" color="secondary" type="submit"
+            ><q-tooltip>บันทึกข้อมูล</q-tooltip></q-btn
           >
-            <q-tooltip>บันทึกข้อมูล</q-tooltip>
-          </q-btn>
-        </div>
+        </q-card-actions>
       </q-form>
     </q-card>
   </q-dialog>
@@ -1205,8 +1197,8 @@ onMounted(() => {
           :close="onClickCloseDialog"
         />
         <q-separator />
-        <q-card-section class="q-p-sm">
-          <div class="row col-12 q-col-gutter-md">
+        <q-card-section class="q-pa-sm">
+          <div class="row col-12 q-col-gutter-sm">
             <div class="col-xs-6 col-sm-12 col-md-12">
               <q-select
                 dense
diff --git a/src/modules/15_development/views/MainPage.vue b/src/modules/15_development/views/MainPage.vue
index d958969e2..b286dc931 100644
--- a/src/modules/15_development/views/MainPage.vue
+++ b/src/modules/15_development/views/MainPage.vue
@@ -339,7 +339,7 @@ onMounted(() => {
     <div class="col-xs-12 col-sm-9 q-pa-md row">
       <div class="col-12">
         <q-toolbar style="padding: 0">
-          <div class="row q-gutter-sm">
+          <div class="row items-center q-gutter-sm">
             <datepicker
               menu-class-name="modalfix"
               v-model="formQuery.year"
@@ -533,7 +533,7 @@ onMounted(() => {
           :close="closeDialog"
         />
         <q-separator />
-        <q-card-sectio class="q-pa-none">
+        <q-card-section class="q-pa-none">
           <q-splitter v-model="splitterModel" disable>
             <template v-slot:before>
               <q-scroll-area visible style="height: 60vh">
@@ -653,10 +653,10 @@ onMounted(() => {
               </div>
             </template>
           </q-splitter>
-        </q-card-sectio>
+        </q-card-section>
         <q-separator />
         <q-card-actions align="right">
-          <q-btn label="บันทึก" type="submit" color="public" dense></q-btn>
+          <q-btn label="บันทึก" type="submit" color="public"></q-btn>
         </q-card-actions>
       </q-form>
     </q-card>