diff --git a/templates/index.html.tera b/templates/index.html.tera
index 8899e66..6392869 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -27,7 +27,7 @@
                                 <div>
                                     {% if not notification.read_at %}
                                         <a href="/notification/{{ notification.id }}/read" class="inline-block">
-                                            <button class="btn btn-primary" type="button">
+                                            <button class="btn btn-alert bg-red-100 dark:bg-red-900" type="button">
                                                 &#10003;
                                                 <span class="sr-only">Notification gelesen</span>
                                             </button>