diff --git a/resources/views/components/episode-cover.blade.php b/resources/views/components/episode-cover.blade.php
index a001d29..c97d625 100644
--- a/resources/views/components/episode-cover.blade.php
+++ b/resources/views/components/episode-cover.blade.php
@@ -120,7 +120,7 @@
 
         {{-- Content --}}
         <div class="relative isolate border-t dark:border-neutral-800 dark:bg-neutral-900 bg-white border-neutral-100 p-4">
-            <h3 class="text-sm font-semibold leading-relaxed dark:text-neutral-100 transition-colors duration-200 dark:group-hover:text-white">
+            <h3 class="text-sm font-semibold leading-relaxed dark:text-neutral-100 text-neutral-900 transition-colors duration-200 dark:group-hover:text-white">
                 {{ $title }}
             </h3>
         </div>
diff --git a/resources/views/home/partials/categories.blade.php b/resources/views/home/partials/categories.blade.php
index 80cf3c1..5c4118c 100644
--- a/resources/views/home/partials/categories.blade.php
+++ b/resources/views/home/partials/categories.blade.php
@@ -42,7 +42,7 @@
                 'order' => 'recently-uploaded',
                 'tags[0]' => $category['slug'],
             ]) }}"
-            class="group relative overflow-hidden rounded-2xl bg-white dark:bg-black shadow-md transition-all duration-300 hover:-translate-y-1 hover:shadow-2xl"
+            class="group relative overflow-hidden rounded-2xl border dark:border-neutral-800 border-neutral-300 dark:bg-neutral-900 dark:hover:border-neutral-700 hover:border-neutral-400 hover:shadow-2xl hover:shadow-black/30 shadow-md transition-all duration-300 hover:-translate-y-1"
         >
             <div class="p-4">
                 <h2 class="text-center text-lg font-semibold text-neutral-900 dark:text-white">
diff --git a/resources/views/home/partials/comments.blade.php b/resources/views/home/partials/comments.blade.php
index 2c06ce6..a669850 100644
--- a/resources/views/home/partials/comments.blade.php
+++ b/resources/views/home/partials/comments.blade.php
@@ -38,7 +38,7 @@
         @endphp
 
         <div
-            class="group overflow-hidden rounded-2xl border border-neutral-200 bg-white shadow-sm transition-all duration-300 hover:-translate-y-1 hover:shadow-xl dark:border-neutral-800 dark:bg-neutral-950">
+            class="group overflow-hidden rounded-2xl border dark:border-neutral-800 border-neutral-300 dark:bg-neutral-900 dark:hover:border-neutral-700 hover:border-neutral-400 hover:shadow-2xl hover:shadow-black/30 shadow-md transition-all duration-300 hover:-translate-y-1">
 
             <div class="flex flex-col md:flex-row">
 
@@ -70,7 +70,7 @@
                 </a>
 
                 {{-- Comment Content --}}
-                <div class="flex-1 p-4 md:p-6 bg-neutral-50 dark:bg-neutral-950">
+                <div class="flex-1 p-4 md:p-6 bg-neutral-50 dark:bg-neutral-900">
                     @include('partials.comment', ['comment' => $comment])
                 </div>