diff --git a/frontend/css/notifications.css b/frontend/css/notifications.css
index 0eb51c415..246315bfc 100644
--- a/frontend/css/notifications.css
+++ b/frontend/css/notifications.css
@@ -22,6 +22,6 @@
 }
 
 .notifications .warning {
-  color: var(--text-color);
+  color: var(--dark-gray);
   background-color: var(--yellow);
 }
diff --git a/frontend/css/style.css b/frontend/css/style.css
index c618acd81..f4a24dff3 100644
--- a/frontend/css/style.css
+++ b/frontend/css/style.css
@@ -19,6 +19,7 @@
   --yellow: var(--warning);
   --green: hsl(151deg 100% 25%);
   --gray: hsl(0deg 0% 67%);
+  --dark-gray: hsl(0deg 0% 25%);
 
   /* Base colors (backgrounds) */
   --background: light-dark(hsl(0deg 0% 100%), hsl(0deg 0% 15%));
diff --git a/frontend/src/sidebar/Header.svelte b/frontend/src/sidebar/Header.svelte
index 7f4e0bdbc..7142a80bc 100644
--- a/frontend/src/sidebar/Header.svelte
+++ b/frontend/src/sidebar/Header.svelte
@@ -43,6 +43,7 @@
 
 <style>
   .reload-page {
+    color: var(--dark-gray);
     background-color: var(--warning);
   }