diff --git a/src/theme/colors.ts b/src/theme/colors.ts
index 5b7e1cae..8b803db9 100644
--- a/src/theme/colors.ts
+++ b/src/theme/colors.ts
@@ -88,6 +88,7 @@ export const colorsLight = (
       MuiCssBaseline: {
         styleOverrides: {
           ":root": { colorScheme: "light" },
+          ".rdg": { colorScheme: "light" },
         },
       },
       MuiBackdrop: {
@@ -180,6 +181,7 @@ export const colorsDark = (
       MuiCssBaseline: {
         styleOverrides: {
           ":root": { colorScheme: "dark" },
+          ".rdg": { colorScheme: "dark" },
         },
       },
       MuiBackdrop: {