diff --git a/Services/client/src/components/PageLayout.vue b/Services/client/src/components/PageLayout.vue
index 888d255..1756e11 100644
--- a/Services/client/src/components/PageLayout.vue
+++ b/Services/client/src/components/PageLayout.vue
@@ -68,16 +68,21 @@ onMounted(getCabinet)
     <div class="col-12 col-md-3">
       <div class="bg-white rounded-borders shadow-5">
         <div
-          class="q-px-md q-py-sm text-primary bg-grey-1 pointer"
+          class="q-px-md q-py-sm text-primary bg-grey-1 pointer row justify-between items-center"
           id="container-header"
-          @click="
-            () => {
-              currentPath = ''
-              getFolder(currentPath)
-            }
-          "
         >
-          <span class="block q-my-sm text-weight-bold">ตู้จัดเก็บเอกสาร</span>
+          <span
+            class="block q-my-sm text-weight-bold"
+            @click="
+              () => {
+                currentPath = ''
+                getFolder(currentPath)
+              }
+            "
+            >ตู้จัดเก็บเอกสาร</span
+          >
+          <q-btn dense flat color="primary" icon="add" @click="() => triggerFolderCreate()"
+                    id="createFolder"/>
         </div>
         <q-separator />
         <div class="q-pa-md">