diff --git a/resources/js/pages/admin/Dashboard.vue b/resources/js/pages/admin/Dashboard.vue
index fd3ed931..d4a48c8d 100644
--- a/resources/js/pages/admin/Dashboard.vue
+++ b/resources/js/pages/admin/Dashboard.vue
@@ -1,12 +1,14 @@
 <script setup lang="ts">
 import { Head as InertiaHead } from '@inertiajs/vue3'
 import AppLayout from '@/layouts/AppLayout.vue'
+
+const breadcrumbs = [{ label: 'Admin Dashboard' }]
 </script>
 
 <template>
     <InertiaHead title="Admin Dashboard" />
 
-    <AppLayout>
+    <AppLayout :breadcrumbs>
         <Card>
             <template #content>
                 <p class="m-0">
diff --git a/resources/js/pages/admin/users/Index.vue b/resources/js/pages/admin/users/Index.vue
index 999e9455..a1e42a7d 100644
--- a/resources/js/pages/admin/users/Index.vue
+++ b/resources/js/pages/admin/users/Index.vue
@@ -7,6 +7,7 @@ import { formatInTimeZone } from 'date-fns-tz'
 import { parseISO } from 'date-fns'
 import { usePaginatedDataTable } from '@/composables/usePaginatedDataTable'
 import AppLayout from '@/layouts/AppLayout.vue'
+import PageTitleSection from '@/components/PageTitleSection.vue'
 import ClientOnly from '@/components/ClientOnly.vue'
 import Menu from '@/components/primevue/menu/Menu.vue'
 import { LengthAwarePaginator } from '@/types/paginiation'