diff --git a/src/pages/socials.astro b/src/pages/socials.astro
index 7f0e32d..6c35bf5 100644
--- a/src/pages/socials.astro
+++ b/src/pages/socials.astro
@@ -469,10 +469,16 @@ import Layout from "../layouts/Layout.astro";
 							<div>
 								<h2 class="font-bold text-xl">Date & Time</h2>
 								<p class="text-[#ccc]">
-									<div id="display-date"></div>
-									<span id="time-in-aus" class="uppercase"
-									></span>
-									<span id="time-difference"> </span>
+									<div id="display-date" class="text-[#ccc]">
+									</div>
+									<span
+										id="time-in-aus"
+										class="text-[#ccc] uppercase"></span>
+									<span
+										id="time-difference"
+										class="text-[#ccc]"
+									>
+									</span>
 								</p>
 							</div>
 						</div>