diff --git a/website/src/styles/Theme/components/Container.ts b/website/src/styles/Theme/components/Container.ts
index be733490..9168e099 100644
--- a/website/src/styles/Theme/components/Container.ts
+++ b/website/src/styles/Theme/components/Container.ts
@@ -4,7 +4,7 @@ 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 200ms cubic-bezier(0.4, 0, 1, 1)",
   color: colorMode === "light" ? colors.light.text : colors.dark.text,
 }))