diff --git a/src/modules/15_development/views/MainPage.vue b/src/modules/15_development/views/MainPage.vue
index 5e4365e88..d958969e2 100644
--- a/src/modules/15_development/views/MainPage.vue
+++ b/src/modules/15_development/views/MainPage.vue
@@ -549,43 +549,46 @@ onMounted(() => {
                       <q-icon v-else name="search" color="grey-5" />
                     </template>
                   </q-input>
+                  <q-tree
+                    class="q-mt-sm"
+                    dense
+                    :nodes="node"
+                    node-key="orgTreeName"
+                    label-key="labelName"
+                    v-model:expanded="expandedDialog"
+                    :filter="filter"
+                    no-results-label="ไม่พบข้อมูลที่ค้นหา"
+                    no-nodes-label="ไม่มีข้อมูล"
+                  >
+                    <template v-slot:default-header="prop">
+                      <q-item
+                        clickable
+                        @click.stop="updateSelected(prop.node)"
+                        :active="formProject.nodeId === prop.node.orgTreeId"
+                        active-class="my-list-link text-primary text-weight-medium"
+                        class="row col-12 items-center text-dark q-py-xs q-pl-sm rounded-borders my-list"
+                      >
+                        <div>
+                          <div class="text-weight-medium">
+                            {{ prop.node.orgTreeName }}
+                          </div>
+                          <div class="text-weight-light text-grey-8">
+                            {{
+                              prop.node.orgCode == null
+                                ? null
+                                : prop.node.orgCode
+                            }}
+                            {{
+                              prop.node.orgTreeShortName == null
+                                ? null
+                                : prop.node.orgTreeShortName
+                            }}
+                          </div>
+                        </div>
+                      </q-item>
+                    </template>
+                  </q-tree>
                 </div>
-                <q-tree
-                  dense
-                  :nodes="node"
-                  node-key="orgTreeName"
-                  label-key="labelName"
-                  v-model:expanded="expandedDialog"
-                  :filter="filter"
-                  no-results-label="ไม่พบข้อมูลที่ค้นหา"
-                  no-nodes-label="ไม่มีข้อมูล"
-                >
-                  <template v-slot:default-header="prop">
-                    <q-item
-                      clickable
-                      @click.stop="updateSelected(prop.node)"
-                      :active="formProject.nodeId === prop.node.orgTreeId"
-                      active-class="my-list-link text-primary text-weight-medium"
-                      class="row col-12 items-center text-dark q-py-xs q-pl-sm rounded-borders my-list"
-                    >
-                      <div>
-                        <div class="text-weight-medium">
-                          {{ prop.node.orgTreeName }}
-                        </div>
-                        <div class="text-weight-light text-grey-8">
-                          {{
-                            prop.node.orgCode == null ? null : prop.node.orgCode
-                          }}
-                          {{
-                            prop.node.orgTreeShortName == null
-                              ? null
-                              : prop.node.orgTreeShortName
-                          }}
-                        </div>
-                      </div>
-                    </q-item>
-                  </template>
-                </q-tree>
               </q-scroll-area>
             </template>