diff --git a/docs/app/layout.tsx b/docs/app/layout.tsx
index fb92266fc9..3cee819849 100644
--- a/docs/app/layout.tsx
+++ b/docs/app/layout.tsx
@@ -29,7 +29,7 @@ export default function Layout({ children }: { children: ReactNode }) {
 			>
 				<RootProvider
 					theme={{
-						enableSystem: false,
+						enableSystem: true,
 						defaultTheme: "dark",
 					}}
 				>