diff --git a/var/vue_templates/components/layout/DashboardLayout.vue b/var/vue_templates/components/layout/DashboardLayout.vue
index 602cce7b9d..9f54ddbe24 100644
--- a/var/vue_templates/components/layout/DashboardLayout.vue
+++ b/var/vue_templates/components/layout/DashboardLayout.vue
@@ -3,8 +3,26 @@ import { useSecurityStore } from "../../../../assets/vue/store/securityStore"
 import Topbar from "./Topbar.vue"
 import Sidebar from "../../../../assets/vue/components/layout/Sidebar.vue"
 import SidebarNotLoggedIn from "./SidebarNotLoggedIn.vue"
+import Breadcrumb from "../../../../assets/vue/components/Breadcrumb.vue"
+
+defineProps({
+  showBreadcrumb: {
+    type: Boolean,
+    default: true,
+  },
+});
 
 const securityStore = useSecurityStore()
+
+let breadcrumb = [];
+
+try {
+  if (window.breadcrumb) {
+    breadcrumb = window.breadcrumb;
+  }
+} catch (e) {
+  console.log(e.message);
+}
 </script>
 
 <template>
@@ -19,6 +37,10 @@ const securityStore = useSecurityStore()
     class="app-main"
     :class="{ 'app-main--no-sidebar': !securityStore.isAuthenticated, 'app-main--no-loggedin': !securityStore.isAuthenticated }"
   >
+    <Breadcrumb
+      v-if="showBreadcrumb"
+      :legacy="breadcrumb"
+    />
     <slot />
     <router-view />
   </div>