diff --git a/src/components/ClickableCard.astro b/src/components/ClickableCard.astro
index 6dbde3d..248db6f 100644
--- a/src/components/ClickableCard.astro
+++ b/src/components/ClickableCard.astro
@@ -16,13 +16,13 @@ const { title, link } = Astro.props;
 <style>
     a {
         text-decoration: none;
-        color: white;
+        color: black;
     }
 
     /* If the system is in dark mode, use the light mode color */
     @media (prefers-color-scheme: dark) {
         a {
-            color: black;
+            color: white;
         }
     }
 </style>