diff --git a/app/app.vue b/app/app.vue
index 263ef70..b76255d 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -17,7 +17,7 @@ useHead({
   </UApp>
 </template>
 
-<style>
+<style scoped>
 body {
   font-family: 'DM Sans', sans-serif;
 }
diff --git a/app/assets/css/main.css b/app/assets/css/main.css
index 9d5ec27..ec997ee 100644
--- a/app/assets/css/main.css
+++ b/app/assets/css/main.css
@@ -1,4 +1,8 @@
 @import "tailwindcss";
 @import "@nuxt/ui";
 
-@plugin "@tailwindcss/typography";
\ No newline at end of file
+@plugin "@tailwindcss/typography";
+
+body {
+    @apply bg-white dark:bg-neutral-950;
+}
\ No newline at end of file
diff --git a/app/pages/writings/[slug].vue b/app/pages/writings/[slug].vue
index c84f25a..1cdda44 100644
--- a/app/pages/writings/[slug].vue
+++ b/app/pages/writings/[slug].vue
@@ -8,8 +8,7 @@ const {
   refresh,
 } = await useAsyncData(`writings/${route.params.slug}/db`, () => $fetch(`/api/posts/${route.params.slug}`, { method: 'POST' }))
 
-const { locale } = useI18n()
-const { t } = useI18n({
+const { t, locale } = useI18n({
   useScope: 'local',
 })