diff --git a/website/src/styles/Theme/components/Container.ts b/website/src/styles/Theme/components/Container.ts
index 5071334f..be733490 100644
--- a/website/src/styles/Theme/components/Container.ts
+++ b/website/src/styles/Theme/components/Container.ts
@@ -4,7 +4,8 @@ import { colors } from "../colors"
 const baseStyle = defineStyle(({colorMode}) => ({
   minWidth: "100%",
   bg: colorMode === "light" ? colors.light.bg : colors.dark.bg,
-  transition: "background-color 250ms ease-in"
+  transition: "background-color 250ms ease-in",
+  color: colorMode === "light" ? colors.light.text : colors.dark.text,
 }))
 
 export const containerTheme = defineStyleConfig({