diff --git a/Services/client/src/components/PageLayout.vue b/Services/client/src/components/PageLayout.vue
index 32dec23..3cbf336 100644
--- a/Services/client/src/components/PageLayout.vue
+++ b/Services/client/src/components/PageLayout.vue
@@ -112,9 +112,23 @@ onMounted(getCabinet)
                     label="ตู้เอกสารทั้งหมด"
                   />
                   <q-breadcrumbs-el
-                    class="text-black"
-                    v-for="fragments in currentPath.split('/').filter(Boolean)"
+                    class="text-primary pointer"
+                    v-for="(fragments, index) in currentPath
+                      .split('/')
+                      .filter(Boolean)"
                     :label="fragments"
+                    @click="
+                      () => {
+                        currentPath =
+                          currentPath
+                            .split('/')
+                            .filter(Boolean)
+                            .slice(0, index + 1)
+                            .join('/') + '/'
+
+                        getFolder(currentPath)
+                      }
+                    "
                   />
                 </q-breadcrumbs>
               </div>