diff --git a/app/views/productions/calendar.html.erb b/app/views/productions/calendar.html.erb
index 7f3ebbf5..1d92685d 100644
--- a/app/views/productions/calendar.html.erb
+++ b/app/views/productions/calendar.html.erb
@@ -44,29 +44,56 @@
 
 <style>
   .simple-calendar {
-    .day { height: 100px; }
-    .wday-0 { background-color: #f8d7da; }
-    .wday-6 { background-color: #f8d7da; }
-    .today { background-color: #e8f4f8; }
-    .past { opacity: 0.6; }
-    .future { }
-    .start-date { }
-    .prev-month { background-color: #f0f0f0; }
-    .next-month { background-color: #f0f0f0; }
-    .current-month { }
-    .has-events { }
+    font-size: 1.1em;
+  }
+
+  .simple-calendar .day { 
+    height: 120px; 
+  }
+
+  .simple-calendar .wday-0 { background-color: #f8d7da; }
+  .simple-calendar .wday-6 { background-color: #f8d7da; }
+  .simple-calendar .today { background-color: #e8f4f8; }
+  .simple-calendar .past { opacity: 0.6; }
+  .simple-calendar .future { }
+  .simple-calendar .start-date { }
+  .simple-calendar .prev-month { background-color: #f0f0f0; }
+  .simple-calendar .next-month { background-color: #f0f0f0; }
+  .simple-calendar .current-month { }
+  .simple-calendar .has-events { }
+
+  .calendar-heading {
+    font-size: 1.3em;
+    margin-bottom: 15px;
+  }
+
+  .calendar-heading a,
+  .calendar-heading .calendar-title {
+    padding: 10px 15px;
+    background-color: #f8f9fa;
+    border: 1px solid #dee2e6;
+    border-radius: 4px;
+    color: #495057;
+    text-decoration: none;
+    transition: background-color 0.2s;
+  }
+
+  .calendar-heading a:hover,
+  .calendar-heading .calendar-title:hover {
+    background-color: #e9ecef;
   }
 
   .calendar-date {
+    font-size: 1.2em;
     font-weight: bold;
-    margin-bottom: 5px;
+    margin-bottom: 8px;
   }
 
   .production-item {
-    margin-bottom: 5px;
-    padding: 3px;
+    margin-bottom: 6px;
+    padding: 4px;
     border-radius: 3px;
-    font-size: 0.8em;
+    font-size: 0.9em;
   }
 
   .production-link {
@@ -77,7 +104,7 @@
   .production-details {
     display: flex;
     flex-direction: column;
-    font-size: 0.9em;
+    font-size: 0.95em;
   }
 
   .confirmed {
@@ -89,8 +116,8 @@
   }
 
   .badge {
-    font-size: 0.7em;
-    padding: 2px 5px;
+    font-size: 0.8em;
+    padding: 3px 6px;
     margin-top: 2px;
   }