diff --git a/lib/lokal_web/templates/layout/live.html.heex b/lib/lokal_web/templates/layout/live.html.heex
index 8d249450..a6737d52 100644
--- a/lib/lokal_web/templates/layout/live.html.heex
+++ b/lib/lokal_web/templates/layout/live.html.heex
@@ -33,11 +33,11 @@
   flex flex-col justify-center items-center space-y-4
   transition-opacity ease-in-out duration-500"
 >
-  <h1 class="title text-2xl title-primary-500">
+  <h1 class="title text-2xl title-primary-500 text-primary-500">
     <%= gettext("Loading...") %>
   </h1>
 
-  <i class="fas fa-3x fa-spin fa-cog"></i>
+  <i class="fas fa-3x fa-spin fa-cog text-primary-500"></i>
 </div>
 
 <div
@@ -46,9 +46,9 @@
   flex flex-col justify-center items-center space-y-4
   transition-opacity ease-in-out duration-500"
 >
-  <h1 class="title text-2xl title-primary-500">
+  <h1 class="title text-2xl title-primary-500 text-primary-500">
     <%= gettext("Reconnecting...") %>
   </h1>
 
-  <i class="fas fa-3x fa-fade fa-satellite-dish"></i>
+  <i class="fas fa-3x fa-fade fa-satellite-dish text-primary-500"></i>
 </div>