diff --git a/adminforth/spa/src/components/BreadcrumbsWithButtons.vue b/adminforth/spa/src/components/BreadcrumbsWithButtons.vue
index fb86752b..333ae7e8 100644
--- a/adminforth/spa/src/components/BreadcrumbsWithButtons.vue
+++ b/adminforth/spa/src/components/BreadcrumbsWithButtons.vue
@@ -8,15 +8,21 @@
     </div>
     <div class="flex items-center justify-between mb-3 flex-wrap gap-y-2 gap-2" v-if="coreStore.resourceColumnsError">
       <div class="p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 dark:bg-gray-800 dark:text-red-400" role="alert">
-        <span class="font-medium">{{ $t('Error!')}}</span> {{ coreStore.resourceColumnsError }}
+        <span class="font-medium">{{ $t('Error!') }}</span>
+        {{ coreStore.resourceColumnsError }}
       </div>
     </div>
+
+    <div class="absolute inset-0 z-50 bg-white " v-if="coreStore.resourceColumnsError?.includes('not found')">
+      <PageNotFound />
+    </div>
   </div>
 
 </template>
 
 <script setup>
-import Breadcrumbs from '@/components/Breadcrumbs.vue';
+import Breadcrumbs from '@/components/Breadcrumbs.vue'; 
+import PageNotFound from '@/views/PageNotFound.vue';
 
 import { useCoreStore } from '@/stores/core';