diff --git a/src/components/header/Header.vue b/src/components/header/Header.vue
index 562aa2e..0da2833 100644
--- a/src/components/header/Header.vue
+++ b/src/components/header/Header.vue
@@ -10,19 +10,19 @@ defineProps({
 <template>
   <header class="z-30 sticky top-0 left-0 flex justify-center w-full">
     <div class="w-full px-4 sm:px-6 lg:px-8 sm:mx-8 max-w-7xl py-4 flex justify-between bg-white dark:bg-zinc-900 border-b border-zinc-100 dark:border-zinc-300/10">
-        <Logo />
-        <ClientOnly>
-          <NavBar v-if="navigation" />
-        </ClientOnly>
-        <div class="flex gap-2">
-          <div class="flex items-center rounded-md p-1 gap-1 relative bg-black/5 text-sm font-medium text-zinc-700 dark:bg-zinc-800/90 dark:text-zinc-300">
-            <ClientOnly>
-              <ColorPicker />
-              <ColorModeButton />
-            </ClientOnly>
-          </div>
-          <MobileNavBar v-if="navigation" />
+      <Logo />
+      <ClientOnly>
+        <NavBar v-if="navigation" />
+      </ClientOnly>
+      <div class="flex gap-2">
+        <div class="flex items-center rounded-md p-1 gap-1 relative bg-black/5 text-sm font-medium text-zinc-700 dark:bg-zinc-800/90 dark:text-zinc-300">
+          <ClientOnly>
+            <ColorPicker />
+            <ColorModeButton />
+          </ClientOnly>
         </div>
+        <MobileNavBar v-if="navigation" />
+      </div>
     </div>
   </header>
 </template>
diff --git a/src/error.vue b/src/error.vue
index 9ee4db6..b69b49d 100644
--- a/src/error.vue
+++ b/src/error.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { NuxtError } from 'nuxt/app';
+import type { NuxtError } from 'nuxt/app'
 
 defineProps({
   error: Object as () => NuxtError,
@@ -21,23 +21,23 @@ const getColor = computed(() => appConfig.ui.primary)
       <Header />
       <UContainer>
         <div class="flex flex-col items-center gap-4 mt-12">
-      <h1 class="font-medium text-[8rem] md:text-[16rem] leading-none bg-error bg-clip-text tracking-wider font-error" :class="`text-${getColor}-500`">
-        {{ error?.statusCode }}
-      </h1>
-      <p class="text-lg md:text-2xl text-subtitle text-center">
-        Sorry, {{ error?.statusCode === 404
-          ? "the page you are looking for doesn't exist or as been moved."
-          : "you have encountered a problem."
-        }}
-        <br>
-        Let's find a better place for you to go.
-      </p>
-    </div>
-    <div class="flex justify-center mt-8 mb-12">
-      <UButton to="/" size="md" variant="soft" color="primary">
-        Go back to the main page
-      </UButton>
-    </div>
+          <h1 class="font-medium text-[8rem] md:text-[16rem] leading-none bg-error bg-clip-text tracking-wider font-error" :class="`text-${getColor}-500`">
+            {{ error?.statusCode }}
+          </h1>
+          <p class="text-lg md:text-2xl text-subtitle text-center">
+            Sorry, {{ error?.statusCode === 404
+              ? "the page you are looking for doesn't exist or as been moved."
+              : "you have encountered a problem."
+            }}
+            <br>
+            Let's find a better place for you to go.
+          </p>
+        </div>
+        <div class="flex justify-center mt-8 mb-12">
+          <UButton to="/" size="md" variant="soft" color="primary">
+            Go back to the main page
+          </UButton>
+        </div>
       </UContainer>
       <Footer />
     </div>
diff --git a/src/pages/writing/[slug].vue b/src/pages/writing/[slug].vue
index 28b3120..efec757 100644
--- a/src/pages/writing/[slug].vue
+++ b/src/pages/writing/[slug].vue
@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-import type { Post } from '~~/types';
+import type { Post } from '~~/types'
 
 const route = useRoute()
 const { data: postContent } = await useAsyncData<Post>(`writing:${route.params.slug}`, async () => await queryContent<Post>(`/writing/${route.params.slug}`).findOne())