diff --git a/vrobbler/templates/scrobbles/calendar.html b/vrobbler/templates/scrobbles/calendar.html
index 0eb756d..b5ec6ce 100644
--- a/vrobbler/templates/scrobbles/calendar.html
+++ b/vrobbler/templates/scrobbles/calendar.html
@@ -13,27 +13,11 @@ header.navbar { display: none !important; }
     margin: 0;
     max-width: 100%;
 }
-.top-bar { display: none; }
-.home-btn {
-    margin: 1em 1em 1em auto;
-    padding: 4px 16px;
-    border-radius: 20px;
-    font-size: 0.85rem;
-    text-decoration: none;
-    color: #555;
-    background: rgba(255,255,255,0.85);
-    border: 1px solid #ddd;
-    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
-}
-.home-btn:hover {
-    background: #fff;
-    color: #333;
-}
 .filter-bar {
     display: flex;
-    gap: 6px;
+    gap: 0.6em;
     flex-wrap: wrap;
-    margin: 0 0 0 1em;
+    margin: 1em;
     align-items: center;
 }
 .filter-bar a {
@@ -166,6 +150,7 @@ header.navbar { display: none !important; }
 {% block content %}
 <div class="calendar-wrapper">
     <div class="filter-bar">
+        <a href="/">Home</a>
         <a href="?date={{ year }}-{{ month|stringformat:'02d' }}"
            {% if not active_filter %}class="active"{% endif %}>All</a>
         {% for mt in media_types %}
@@ -179,6 +164,8 @@ header.navbar { display: none !important; }
             {{ month_name }} {{ year }}
             <a href="?date={{ next_month }}{% if active_filter %}&media_type={{ active_filter }}{% endif %}">&rarr;</a>
         </div>
+        <div style="grid-column:1/-1;text-align:center;padding:4px 0;background:{{ month_color }};">
+        </div>
 
         {% for name in day_names %}
         <div class="day-header">{{ name }}</div>