diff --git a/src/components/jam-header/index.tsx b/src/components/jam-header/index.tsx
index 9bd6942..b7257a2 100644
--- a/src/components/jam-header/index.tsx
+++ b/src/components/jam-header/index.tsx
@@ -2,7 +2,7 @@ import { Calendar } from "lucide-react";
 
 export default function JamHeader() {
   return (
-    <div className="bg-[#124a88] flex rounded-2xl overflow-hidden">
+    <div className="bg-[#124a88] flex rounded-2xl overflow-hidden text-white">
       <div className="bg-[#1892b3] p-4 px-6 flex items-center gap-2 font-bold">
         <Calendar />
         <p>Dare2Jam 1</p>
diff --git a/src/components/timers/index.tsx b/src/components/timers/index.tsx
index 300f5c3..4af9025 100644
--- a/src/components/timers/index.tsx
+++ b/src/components/timers/index.tsx
@@ -3,7 +3,7 @@ import Timer from "./Timer";
 
 export default function Timers() {
   return (
-    <div>
+    <div className="text-white">
       <Timer
         name="Jam Start"
         targetDate={new Date("2025-04-04T18:00:00-05:00")}