diff --git a/adminforth/spa/src/views/PageNotFound.vue b/adminforth/spa/src/views/PageNotFound.vue
index 33c81c0a..f4ecaeaf 100644
--- a/adminforth/spa/src/views/PageNotFound.vue
+++ b/adminforth/spa/src/views/PageNotFound.vue
@@ -1,12 +1,12 @@
 <template>
-  <section class="bg-white dark:bg-gray-900">
+  <section class="flex flex-col items-center justify-center">
     <div class="py-8 px-4 mx-auto max-w-screen-xl lg:py-16 lg:px-6">
         <div class="mx-auto max-w-screen-sm text-center">
             <h1 class="mb-4 text-7xl tracking-tight font-extrabold lg:text-9xl text-lightPrimary dark:text-darkPrimary">404</h1>
             <p class="mb-4 text-3xl tracking-tight font-bold text-gray-900 md:text-4xl dark:text-white">{{ $t("Something's missing.") }}</p>
             <p class="mb-4 text-lg font-light text-gray-500 dark:text-gray-400">{{ $t("Sorry, we can't find that page. You'll find lots to explore on the home page.") }} </p>
             <div class="flex justify-center">
-             <LinkButton  to="/">{{ $t('Go back home') }}</LinkButton>
+             <LinkButton to="/">{{ $t('Go back home') }}</LinkButton>
             </div>
         </div>   
     </div>