diff --git a/src/components/BlogPost.astro b/src/components/BlogPost.astro
index 1c9bd24..66d9c30 100644
--- a/src/components/BlogPost.astro
+++ b/src/components/BlogPost.astro
@@ -30,10 +30,10 @@ const { title, description, date, tags } = Astro.props;
 
   <div
     class="max-w-3xl mb-8
-      prose dark:prose-invert
+      prose prose-invert
       prose-h1:border-b prose-h1:pb-4
       prose-a:underline prose-a:underline-offset-4
-      prose-p:text-justify prose-img:rounded-xl
+      prose-p:text-zinc-300 prose-p:text-justify prose-img:rounded-xl
       prose-headings:text-zinc-300"
   >
     <slot />
diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 7b76c53..3dc71dd 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -1,5 +1,5 @@
 <footer class="w-full text-center">
-  <p class="text-xs text-zinc-600 dark:text-zinc-400">
+  <p class="text-xs text-zinc-400">
     &copy; {new Date().getFullYear()} Dhemas Nurjaya. All rights reserved.
   </p>
 </footer>
diff --git a/src/components/Header.astro b/src/components/Header.astro
index 2e0f4d4..ec4173c 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -2,7 +2,7 @@
 import NavLink from "@/components/NavLink.astro";
 ---
 
-<header class="text-black dark:text-white w-full">
+<header class="w-full">
   <nav class="flex flex-row justify-between" aria-label="Main navigation">
     <div class="flex gap-2 items-center">
       <a href="/" aria-label="Home">