diff --git a/docs/.vuepress/config.js b/docs/.vuepress/config.js
index defffa1..543729f 100644
--- a/docs/.vuepress/config.js
+++ b/docs/.vuepress/config.js
@@ -20,6 +20,7 @@ module.exports = {
   title: "Yuika documentation",
   description: "",
   themeConfig: {
+    sidebar: 'auto',
   },
   postcss: {
     plugins: [
diff --git a/docs/.vuepress/theme/Layout.vue b/docs/.vuepress/theme/Layout.vue
deleted file mode 100644
index 66a9323..0000000
--- a/docs/.vuepress/theme/Layout.vue
+++ /dev/null
@@ -1,43 +0,0 @@
-<template>
-  <div>
-    <Header>
-      <HeaderLeft>
-      </HeaderLeft>
-      <HeaderMiddle>
-        <p>Yuika Documentation</p>
-      </HeaderMiddle>
-      <HeaderRight>
-        <NavigationBar>
-          <NavigationItem>
-            <a href="/">Home</a>
-          </NavigationItem>
-          <NavigationItem>
-            <a href="/">Home</a>
-          </NavigationItem>
-        </NavigationBar>
-      </HeaderRight>
-    </Header>
-    <div>
-      <Content/>
-    </div>
-  </div>
-</template>
-<script>
-import { Header, HeaderLeft, HeaderMiddle, HeaderRight } from "../../../src/components/Header";
-import { NavigationBar, NavigationItem } from "../../../src/components/Navigation";
-
-export default {
-  components: {
-    Header, HeaderLeft, HeaderMiddle, HeaderRight,
-    NavigationBar, NavigationItem,
-  }
-}
-</script>
-<style>
-  @import url('https://fonts.googleapis.com/css?family=Exo+2:300,400,500&display=swap');
-  @import "./../../../src/assets/css/tailwind.css";
-
-  body {
-    @apply m-0 font-sans;
-  }
-</style>