diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
index da3410a..75f8d2d 100644
--- a/src/pages/blog/index.astro
+++ b/src/pages/blog/index.astro
@@ -33,13 +33,13 @@ const posts = await Astro.glob("./posts/*.md");
       >
     </div>
 
-    <ul class="list-disc list-inside">
+    <ul class="list-disc list-inside text-white">
       {
         posts.map((post) => (
           <li>
             <a
               href={post.url}
-              class="text-lg md:text-xl text-white lowercase transition-colors opacity-60 hover:text-secondary hover:cursor-pointer hover:opacity-80"
+              class="text-lg md:text-xl lowercase transition-colors opacity-60 hover:text-secondary hover:cursor-pointer hover:opacity-80"
             >
               {post.frontmatter.title} -{" "}
               {format(new Date(post.frontmatter.pubDate), "MMMM dd, yyyy")}