diff --git a/site/docs/pages/guides/tailwind.mdx b/site/docs/pages/guides/tailwind.mdx
index fab8efd76b..80ee08e2f8 100644
--- a/site/docs/pages/guides/tailwind.mdx
+++ b/site/docs/pages/guides/tailwind.mdx
@@ -26,6 +26,7 @@ Depending on your dark mode setup, you may have to add `safelist: ['dark']` to y
 /** @type {import('tailwindcss').Config} */
 export default {
   content: ['./src/**/*.{ts,tsx}'],
+  darkMode: ['class'], // [!code focus]
   safelist: ['dark'], // [!code focus]
   theme: {
     fontFamily: {
diff --git a/site/tailwind.config.js b/site/tailwind.config.js
index 96bc7b1863..1e74264f4f 100644
--- a/site/tailwind.config.js
+++ b/site/tailwind.config.js
@@ -2,6 +2,8 @@
 export default {
   content: ['./docs/**/*.{js,ts,jsx,tsx,md,mdx}'],
   important: true,
+  darkMode: ['class'],
+  safelist: ['dark'],
   theme: {
     fontFamily: {
       sans: ['Inter', 'sans-serif'],