diff --git a/src/modules/01_metadataNew/components/insignia/InsigniaList.vue b/src/modules/01_metadataNew/components/insignia/InsigniaList.vue
index 8274f9163..ad974494c 100644
--- a/src/modules/01_metadataNew/components/insignia/InsigniaList.vue
+++ b/src/modules/01_metadataNew/components/insignia/InsigniaList.vue
@@ -158,6 +158,10 @@ const visibleColumns = ref<string[]>([
 
 function closeDialog() {
   dialog.value = false;
+  name.value = "";
+  isActive.value = false;
+  shortName.value = "";
+  note.value = "";
 }
 
 function validateForm() {
@@ -210,7 +214,7 @@ async function addData() {
       name: name.value,
       isActive: isActive.value,
       shortName: shortName.value,
-      note: note.value == "" ? "-" : note.value,
+      note: note.value == "" || note.value == null ? "" : note.value,
       insigniaTypeId: id.value,
     })
     .then(() => {
@@ -226,12 +230,14 @@ async function addData() {
 }
 
 async function editData(idData: string) {
+  console.log(note.value);
+
   await http
     .put(config.API.insigniaNewIdOrg(idData), {
       name: name.value,
       isActive: isActive.value,
       shortName: shortName.value,
-      note: note.value == "" ? "-" : note.value,
+      note: note.value == "" || note.value == null ? "" : note.value,
       insigniaTypeId: id.value,
     })
     .then(() => {
@@ -403,101 +409,105 @@ const dialogOrder = ref<boolean>(false);
         </q-tr>
       </template>
     </d-table>
-
-    <q-dialog v-model="dialog" class="dialog" persistent>
-      <q-card style="min-width: 350px">
-        <form @submit.prevent="validateForm">
-          <q-card-section class="flex justify-between" style="padding: 0">
-            <dialog-header
-              :tittle="dialogStatus == 'edit' ? 'แก้ไขข้อมูล' : 'เพิ่มข้อมูล'"
-              :close="closeDialog"
-            />
-          </q-card-section>
-
-          <q-separator color="grey-4" />
-          <q-card-section class="q-pa-none">
-            <div class="col-12 q-ma-md">
-              <q-input
-                outlined
-                :model-value="insigniaTypeId"
-                label="ลำดับชั้นเครื่องราชฯ"
-                dense
-                lazy-rules
-                borderless
-                hide-bottom-space
-                readonly
-              />
-            </div>
-            <div class="col-12 q-ma-md">
-              <q-input
-                ref="nameRef"
-                outlined
-                v-model="name"
-                label="ชื่อเครื่องราชฯ"
-                dense
-                lazy-rules
-                borderless
-                :rules="[
-                  (val) => val.length > 0 || 'กรุณากรอกลำดับชั้นเครื่องราชฯ',
-                ]"
-                hide-bottom-space
-              />
-            </div>
-            <div class="col-12 q-ma-md">
-              <q-input
-                ref="shortNameRef"
-                outlined
-                v-model="shortName"
-                label="ชื่อย่อ"
-                dense
-                lazy-rules
-                borderless
-                :rules="[
-                  (val) => val.length > 0 || 'กรุณากรอกลำดับชั้นเครื่องราชฯ',
-                ]"
-                hide-bottom-space
-              />
-            </div>
-            <div class="col-12 q-ma-md">
-              <q-input
-                outlined
-                v-model="note"
-                label="หมายเหตุ"
-                dense
-                type="textarea"
-                borderless
-                hide-bottom-space
-              />
-            </div>
-            <div
-              class="col q-ma-md q-pa-sm bg-white border_custom text-weight-medium"
-            >
-              <div class="row items-center q-my-sm justify-between">
-                <p class="q-ma-none">สถานะการใช้งาน</p>
-                <label class="toggle-control">
-                  <input type="checkbox" dense v-model="isActive" @change="" />
-                  <span class="control"></span>
-                </label>
-              </div>
-            </div>
-          </q-card-section>
-
-          <q-card-actions align="right">
-            <q-btn
-              id="onSubmit"
-              type="submit"
-              dense
-              unelevated
-              label="บันทึก"
-              color="public"
-            >
-              <q-tooltip>บันทึกข้อมูล</q-tooltip>
-            </q-btn>
-          </q-card-actions>
-        </form>
-      </q-card>
-    </q-dialog>
   </div>
+
+  <q-dialog v-model="dialog" class="dialog" persistent>
+    <q-card style="min-width: 350px">
+      <form @submit.prevent="validateForm">
+        <q-card-section class="flex justify-between" style="padding: 0">
+          <dialog-header
+            :tittle="dialogStatus == 'edit' ? 'แก้ไขข้อมูล' : 'เพิ่มข้อมูล'"
+            :close="closeDialog"
+          />
+        </q-card-section>
+
+        <q-separator color="grey-4" />
+        <q-card-section class="q-pa-none">
+          <div class="col-12 q-ma-md">
+            <q-input
+              outlined
+              :model-value="insigniaTypeId"
+              label="ลำดับชั้นเครื่องราชฯ"
+              dense
+              lazy-rules
+              borderless
+              hide-bottom-space
+              readonly
+              class="inputgreen"
+            />
+          </div>
+          <div class="col-12 q-ma-md">
+            <q-input
+              ref="nameRef"
+              outlined
+              v-model="name"
+              label="ชื่อเครื่องราชฯ"
+              dense
+              lazy-rules
+              borderless
+              :rules="[
+                (val) => val.length > 0 || 'กรุณากรอกลำดับชั้นเครื่องราชฯ',
+              ]"
+              hide-bottom-space
+              class="inputgreen"
+            />
+          </div>
+          <div class="col-12 q-ma-md">
+            <q-input
+              ref="shortNameRef"
+              outlined
+              v-model="shortName"
+              label="ชื่อย่อ"
+              dense
+              lazy-rules
+              borderless
+              :rules="[
+                (val) => val.length > 0 || 'กรุณากรอกลำดับชั้นเครื่องราชฯ',
+              ]"
+              hide-bottom-space
+              class="inputgreen"
+            />
+          </div>
+          <div class="col-12 q-ma-md">
+            <q-input
+              outlined
+              v-model="note"
+              label="หมายเหตุ"
+              dense
+              type="textarea"
+              borderless
+              hide-bottom-space
+              class="inputgreen"
+            />
+          </div>
+          <div
+            class="col q-ma-md q-pa-sm bg-white border_custom text-weight-medium"
+          >
+            <div class="row items-center q-my-sm justify-between">
+              <p class="q-ma-none">สถานะการใช้งาน</p>
+              <label class="toggle-control">
+                <input type="checkbox" dense v-model="isActive" @change="" />
+                <span class="control"></span>
+              </label>
+            </div>
+          </div>
+        </q-card-section>
+
+        <q-card-actions align="right">
+          <q-btn
+            id="onSubmit"
+            type="submit"
+            dense
+            unelevated
+            label="บันทึก"
+            color="public"
+          >
+            <q-tooltip>บันทึกข้อมูล</q-tooltip>
+          </q-btn>
+        </q-card-actions>
+      </form>
+    </q-card>
+  </q-dialog>
 </template>
 
 <style scoped lang="scss">