diff --git a/apps/web-next/postcss.config.mjs b/apps/web-next/postcss.config.mjs
new file mode 100644
index 0000000..c2ddf74
--- /dev/null
+++ b/apps/web-next/postcss.config.mjs
@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    "@tailwindcss/postcss": {},
+  },
+};
diff --git a/apps/web-next/src/app/layout.tsx b/apps/web-next/src/app/layout.tsx
index c1a620b..d5c36bd 100644
--- a/apps/web-next/src/app/layout.tsx
+++ b/apps/web-next/src/app/layout.tsx
@@ -1,4 +1,5 @@
 import type { Metadata } from "next";
+import "../styles/app.css";
 import { getNonce } from "@repo/core-shared/security/next";
 import { Providers } from "./providers";
 
diff --git a/apps/web-next/src/styles/app.css b/apps/web-next/src/styles/app.css
new file mode 100644
index 0000000..a7a282e
--- /dev/null
+++ b/apps/web-next/src/styles/app.css
@@ -0,0 +1,10 @@
+@import "tailwindcss";
+@source "../../../../packages/core-ui/src";
+@source "../../../../packages/navigation/src";
+@source "../../../../packages/blog/src";
+@source "../../../../packages/marketing-pages/src";
+@source "../../../../packages/media/src";
+@source "../../../../packages/auth/src";
+@source "../";
+
+@import "../../../../packages/core-ui/src/styles/theme.css";