diff --git a/templates/index.html.tera b/templates/index.html.tera
index f6f4250..c7f6903 100644
--- a/templates/index.html.tera
+++ b/templates/index.html.tera
@@ -24,12 +24,12 @@
   {% endif %}
   <div class="bg-white rounded-md flex justify-between flex-col shadow reset-js" style="min-height: 10rem;" data-trips="{{ amount_trips }}" data-month="{{ day.day| date(format='%m') }}" data-coxneeded="{{ day_cox_needed }}">
     <div>
-      <h2 class="font-bold uppercase tracking-wide text-center text-primary-950 text-lg px-3 pt-3">{{ day.day| date(format="%d.%m.%Y") }}
-        <small class="inline-block ml-1 text-xs text-gray-400">{{ day.day | date(format="%A", locale="de_AT") }}</small>  
+      <h2 class="font-bold uppercase tracking-wide text-center text-primary-950 text-lg px-3 py-3 bg-gray-200 bg-opacity-80">{{ day.day| date(format="%d.%m.%Y") }}
+        <small class="inline-block ml-1 text-xs text-gray-500">{{ day.day | date(format="%A", locale="de_AT") }}</small>  
       </h2>
 
       {% if day.planned_events | length > 0 or  day.trips | length > 0 %}
-      <div class="grid grid-cols-1 gap-3 my-3">
+      <div class="grid grid-cols-1 gap-3 mb-3">
 
       {# --- START Events --- #}
       {% if day.planned_events | length > 0 %}