diff --git a/src/components/blogCarousel/blogCarousel.css b/src/components/blogCarousel/blogCarousel.css
index 0d26a710..898a4d6d 100644
--- a/src/components/blogCarousel/blogCarousel.css
+++ b/src/components/blogCarousel/blogCarousel.css
@@ -483,6 +483,24 @@
   border: 1px solid rgba(99, 102, 241, 0.15);
 }
 
+.blog-carousel-section p {
+  color: #111827 !important;
+}
+
+[data-theme="dark"] .blog-carousel-section p {
+  color: #d1d5db !important;
+}
+
+.blog-carousel-section h2 {
+  color: #111827 !important;
+  opacity: 1 !important;
+}
+
+[data-theme="dark"] .blog-carousel-section h2 {
+  color: #f9fafb !important;
+  opacity: 1 !important;
+}
+
 [data-theme="dark"] .card-read-time {
   color: #a78bfa;
   background: rgba(167, 139, 250, 0.1);
diff --git a/src/components/blogCarousel/blogCarousel.tsx b/src/components/blogCarousel/blogCarousel.tsx
index 524b2132..077cab2c 100644
--- a/src/components/blogCarousel/blogCarousel.tsx
+++ b/src/components/blogCarousel/blogCarousel.tsx
@@ -40,7 +40,7 @@ export function BlogCarousel() {
           <h2 className="text-2xl font-semibold text-gray-800 dark:text-gray-100">
             From the Blog
           </h2>
-          <p className="text-sm text-black-500 dark:text-gray-400 mt-1">
+          <p className="text-sm text-gray-800 dark:text-gray-300">
             Latest articles from our contributors
           </p>
         </div>