diff --git a/components/MarkdownRenderer.vue b/components/MarkdownRenderer.vue
deleted file mode 100644
index cc340bc..0000000
--- a/components/MarkdownRenderer.vue
+++ /dev/null
@@ -1 +0,0 @@
-<template></template>
diff --git a/layouts/default.vue b/layouts/default.vue
index 47c2bc7..3a4580a 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,14 +1,11 @@
 <script setup lang="ts">
-import Base from "./base.vue";
 import Navbar from "../components/Navbar.vue";
 </script>
 
 <template>
   <div class="flex flex-col items-center w-full h-full">
     <Navbar />
-    <Base>
-      <slot />
-    </Base>
+    <slot />
   </div>
 </template>
 
@@ -38,4 +35,9 @@ html::before {
 html.dark::before {
   transform: translateX(0);
 }
+
+.dark-mode body {
+  background-color: #091a28;
+  color: #ebf4f1;
+}
 </style>
diff --git a/pages/[...slug].vue b/pages/[...slug].vue
index c37ce09..58064c1 100644
--- a/pages/[...slug].vue
+++ b/pages/[...slug].vue
@@ -3,3 +3,10 @@
     <template #not-found> Document not found </template>
   </ContentDoc>
 </template>
+
+<style>
+article {
+  width: 90%;
+  height: 100%;
+}
+</style>