diff --git a/src/pages/docs/guides/vite.js b/src/pages/docs/guides/vite.js
index 5867a68c2..15a6390b7 100644
--- a/src/pages/docs/guides/vite.js
+++ b/src/pages/docs/guides/vite.js
@@ -62,6 +62,26 @@ let tabs = [
   }`,
         },
       },
+      {
+        title: 'Add css section to vite config',
+        body: () => <p>Add the config needed for vite to use Tailwindcss in the <code>vite.config.js</code>.</p>,
+        code: {
+          name: 'vite.config.js',
+          lang: 'ts',
+          code: `  import { defineConfig } from "vite";
+  import react from "@vitejs/plugin-react-swc";
+> import tailwindcss from "tailwindcss";
+
+  export default defineConfig({
+    plugins: [react()],
+>   css: {
+>     postcss: {
+>       plugins: [tailwindcss()],
+>     },
+>   },
+  })`,
+        },
+      },
       {
         title: 'Add the Tailwind directives to your CSS',
         body: () => (