diff --git a/packages/react/tailwind.config.js b/packages/react/tailwind.config.js
index 2552f47..1bbd2d9 100644
--- a/packages/react/tailwind.config.js
+++ b/packages/react/tailwind.config.js
@@ -1,7 +1,10 @@
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: ["./{components,stories,src}/**/*.{js,jsx,ts,tsx,css}"],
-  darkMode: "selector",
+  darkMode: ["variant", [
+    '@media (prefers-color-scheme: dark) { &:is(.system *) }',
+    '&:is(.dark *)'
+  ]],
   theme: {
     extend: {},
   },