diff --git a/src/plainui/jinja2/plainui/fahrplan.html.j2 b/src/plainui/jinja2/plainui/fahrplan.html.j2
index c24000dc46271b98b62527ca78f51e2cc1b19d13..68955ffcb129ac117fd034e77c360748bd8f75e1 100644
--- a/src/plainui/jinja2/plainui/fahrplan.html.j2
+++ b/src/plainui/jinja2/plainui/fahrplan.html.j2
@@ -117,6 +117,6 @@
 
   {% block fullpage_add %}
 
-    {% if mode == 'calendar' %}<div class="p-3 border m-2">{{ calendar(events) }}</div>{% endif %}
+    {% if mode == 'calendar' %}<div class="bg-black p-3 border m-2">{{ calendar(events) }}</div>{% endif %}
 
   {% endblock fullpage_add %}
diff --git a/src/plainui/styles/components/_fahrplan-section.scss b/src/plainui/styles/components/_fahrplan-section.scss
index d0ffb7ad6647ba37e97e85bd9cdbe210906a04d6..a2ef7be58fb77b932073ececf37516ea80fef55c 100644
--- a/src/plainui/styles/components/_fahrplan-section.scss
+++ b/src/plainui/styles/components/_fahrplan-section.scss
@@ -1,6 +1,7 @@
 $public-fahrplan-body-padding: 0.7rem;
 
 .hub-fahrplan {
+  background-color: $body-bg-dark;
   display: flex;
   overflow: auto;
   z-index: 5;
diff --git a/src/plainui/styles/components/_fahrplan.scss b/src/plainui/styles/components/_fahrplan.scss
index e00976b652bd159e3344e7a9ed03a32e1a1964d6..8e06c1a609f1fe464f00f3cf617650b04379d93e 100644
--- a/src/plainui/styles/components/_fahrplan.scss
+++ b/src/plainui/styles/components/_fahrplan.scss
@@ -1,6 +1,7 @@
 $public-fahrplan-body-padding: 0.7rem;
 
 .hub-fahrplan {
+  background-color: $body-bg-dark;
   display: flex;
   overflow: auto;
   z-index: 5;