diff --git a/src/modules/02_organizationalNew/components/DialogFormAgency.vue b/src/modules/02_organizationalNew/components/DialogFormAgency.vue
index 31513260f..69b955c82 100644
--- a/src/modules/02_organizationalNew/components/DialogFormAgency.vue
+++ b/src/modules/02_organizationalNew/components/DialogFormAgency.vue
@@ -288,6 +288,9 @@ const tittleName = computed(() => {
                   for="#ocNo"
                   :label="level == 0 ? 'รหัสหน่วยงาน' : 'รหัสส่วนราชการ'"
                   hide-bottom-space
+                  maxlength="2"
+                  type="number"
+                  class="inputNumber"
                   :rules="[
                     (val) =>
                       !!val ||
@@ -372,3 +375,15 @@ const tittleName = computed(() => {
     </q-dialog>
   </template>
 </template>
+
+<style scoped>
+.inputNumber >>> input[type="number"] {
+  -moz-appearance: textfield;
+}
+.inputNumber >>> input::-webkit-outer-spin-button,
+.inputNumber >>> input::-webkit-inner-spin-button {
+  appearance: none;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+}
+</style>
diff --git a/src/modules/02_organizationalNew/components/mainTree.vue b/src/modules/02_organizationalNew/components/mainTree.vue
index 8c422bbdb..0e56865bd 100644
--- a/src/modules/02_organizationalNew/components/mainTree.vue
+++ b/src/modules/02_organizationalNew/components/mainTree.vue
@@ -292,8 +292,8 @@ onMounted(async () => {});
 <template>
   <div class="col-12 q-py-md q-px-sm">
     <div class="q-gutter-sm">
-      <div class="row q-col-gutter-sm">
-        <div class="q-pl-md col-2" v-if="store.typeOrganizational === 'draft'">
+      <div class="row q-col-gutter-sm q-pl-sm">
+        <div class="col-2" v-if="store.typeOrganizational === 'draft'">
           <q-btn
             dense
             flat