diff --git a/README.md b/README.md
index 393b0d1..4514caa 100644
--- a/README.md
+++ b/README.md
@@ -5,6 +5,7 @@
 - [] delete flag user administration
 - [] max_people = 0 -> Rot hervorheben, dass Ausfahrt abgesagt wurde?
 - [] my trips for cox
+- [ ] ~/frontend/scss/components/_btns.scss -> line 13 -> use proper scss variables
 
 # Nice to have
 - [] automatically add regular planned trip
diff --git a/frontend/scss/components/_btns.scss b/frontend/scss/components/_btns.scss
index 8541077..0fd7705 100644
--- a/frontend/scss/components/_btns.scss
+++ b/frontend/scss/components/_btns.scss
@@ -9,6 +9,10 @@
     @apply bg-primary-900 hover:bg-primary-950 focus-visible:outline-primary-950;
   }
 
+  &-gray {
+    background-color: gray;
+  }
+
   &-attention {
     @apply bg-[#f43f5e] hover:bg-[#ff0000] focus-visible:outline-[#ff0000];
   }
diff --git a/templates/index.html.tera b/templates/index.html.tera
index 7a484f2..05dbdf7 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -92,7 +92,7 @@
                   Abmelden
                 </a>
                 {% else %}
-                <a href="/cox/join/{{ planned_event.id }}" class="block btn btn-dark btn-fw">
+                <a href="/cox/join/{{ planned_event.id }}" class="block btn btn-gray btn-fw">
                   {% include "includes/cox-icon" %}
                   Steuern
                 </a>