diff --git a/app/routes/events-calendar.tsx b/app/routes/events-calendar.tsx
index dff9efb..74c3431 100644
--- a/app/routes/events-calendar.tsx
+++ b/app/routes/events-calendar.tsx
@@ -1,4 +1,5 @@
 import calendarStyles from "react-big-calendar/lib/css/react-big-calendar.css";
+import calendarOverrides from "../styles/calendar.css";
 import eventStyles from "../styles/events-team.css";
 import { Calendar, dayjsLocalizer } from "react-big-calendar";
 import dayjs from "dayjs";
@@ -29,6 +30,7 @@ export const links: LinksFunction = () => {
   return [
     { href: calendarStyles, rel: "stylesheet" },
     { href: eventStyles, rel: "stylesheet" },
+    { href: calendarOverrides, rel: "stylesheet" },
   ];
 };
 
diff --git a/app/styles/calendar.css b/app/styles/calendar.css
new file mode 100644
index 0000000..1123861
--- /dev/null
+++ b/app/styles/calendar.css
@@ -0,0 +1,17 @@
+.rbc-show-more {
+  background-color: unset;
+}
+
+@media (prefers-color-scheme: dark) {
+  .rbc-off-range-bg {
+    background: #12161f;
+  }
+
+  .rbc-overlay-header {
+    color: #2d3748;
+  }
+
+  .rbc-today {
+    background-color: #747bff;
+  }
+}