diff --git a/src/layouts/sakai-vue/AppConfigurator.vue b/src/layouts/sakai-vue/AppConfigurator.vue
index e3c03ce..a47fc19 100644
--- a/src/layouts/sakai-vue/AppConfigurator.vue
+++ b/src/layouts/sakai-vue/AppConfigurator.vue
@@ -6,7 +6,6 @@ import { ref } from 'vue';
 import { useLayout } from './composables/layout';
 
 const { layoutConfig, isDarkTheme } = useLayout();
-
 const presets = {
   Aura,
   Lara,
diff --git a/src/layouts/sakai-vue/README.md b/src/layouts/sakai-vue/README.md
index 4603dc8..7852e77 100644
--- a/src/layouts/sakai-vue/README.md
+++ b/src/layouts/sakai-vue/README.md
@@ -1 +1,2 @@
 - https://primevue.org/templates/sakai/
+  - https://sakai.primevue.org/
diff --git a/src/pages/[...path].page.vue b/src/pages/[...path].page.vue
index c2aa03d..ad999be 100644
--- a/src/pages/[...path].page.vue
+++ b/src/pages/[...path].page.vue
@@ -1,5 +1,5 @@
 <template>
-  <main class="flex flex-col items-center justify-center h-full">
+  <main flex-1 class="flex flex-col items-center justify-center h-full">
     <h1>Not Found</h1>
     <p>{{ path }} does not exist.</p>
   </main>
@@ -8,8 +8,8 @@
 defineProps<{ path: string }>();
 </script>
 
-<route>
-{
-  "props": true
-}
+<route lang="yaml">
+props: true
+meta:
+  layout: false
 </route>
diff --git a/unocss.config.ts b/unocss.config.ts
index 43f0cd9..3dc65e7 100644
--- a/unocss.config.ts
+++ b/unocss.config.ts
@@ -30,6 +30,11 @@ export default defineConfig({
         fadeout: '1',
       },
     },
+
+    colors: {
+      // TODO: Add colors
+      'surface-0': 'var(--p-surface-0)',
+    },
   },
 
   shortcuts: [