diff --git a/templates/index.html.tera b/templates/index.html.tera
index 84b239d..d8cce78 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -20,7 +20,7 @@
                  role="alert">
                 <h2 class="h2">Nachrichten</h2>
                 {% if notifications | length > 10 %}
-                    <div class="text-yellow-800 dark:text-yellow-300 text-center p-3">
+                    <div class="text-primary-950 dark:text-white bg-gray-200 dark:bg-primary-950 bg-opacity-80 text-center pb-3 px-3">
                         Du hast viele ungelesene Benachrichtigungen. Um deine Oberfläche übersichtlich zu halten und wichtige Updates nicht zu verpassen, nimm dir bitte einen Moment Zeit, sie zu überprüfen und als gelesen zu markieren (&#10003;).
                     </div>
                 {% endif %}