diff --git a/docs2/src/.vitepress/theme/index.ts b/docs2/src/.vitepress/theme/index.ts
index 92237c25..6f7da1fb 100644
--- a/docs2/src/.vitepress/theme/index.ts
+++ b/docs2/src/.vitepress/theme/index.ts
@@ -1,10 +1,16 @@
 import type { Theme } from 'vitepress'
 import VueAnimXyz from '@animxyz/vue3'
 import DefaultTheme from 'vitepress/theme'
-import '../../assets/index.css'
+import Layout from './layouts/default.vue'
+import 'virtual:windi.css'
+import '@animxyz/core'
+import '@braks/vue-flow/dist/style.css'
+import '@braks/vue-flow/dist/theme-default.css'
+import './../../assets/index.css'
 
 const CustomTheme = {
   ...DefaultTheme,
+  Layout,
   enhanceApp: ({ app }) => {
     app.use(VueAnimXyz)
   },
diff --git a/docs2/src/.vitepress/theme/layouts/default.vue b/docs2/src/.vitepress/theme/layouts/default.vue
index 7bf2b309..302450ee 100644
--- a/docs2/src/.vitepress/theme/layouts/default.vue
+++ b/docs2/src/.vitepress/theme/layouts/default.vue
@@ -1,11 +1,3 @@
-<script>
-import 'virtual:windi.css'
-import '@animxyz/core'
-import '@braks/vue-flow/dist/style.css'
-import '@braks/vue-flow/dist/theme-default.css'
-import '../../assets/index.css'
-</script>
-
 <script setup>
 import DefaultTheme from 'vitepress/theme'
 import ReactIcon from '~icons/logos/react'
@@ -76,8 +68,6 @@ const { Layout: ParentLayout } = DefaultTheme
 
 <style>
 .page-footer {
-  @apply dark:(text-white bg-black) pt-[2rem] text-center;
-  border-top: 1px solid var(--c-border);
-  transition: border-color var(--t-color);
+  @apply py-4 text-center;
 }
 </style>