diff --git a/apps/app-portal/tailwind.config.ts b/apps/app-portal/tailwind.config.ts
index 51f0fe03..1b96d127 100644
--- a/apps/app-portal/tailwind.config.ts
+++ b/apps/app-portal/tailwind.config.ts
@@ -1,11 +1,19 @@
 // tailwind config is required for editor support
 
 import type { Config } from "tailwindcss";
+import defaultColors from "tailwindcss/colors";
 import sharedConfig from "@repo/tailwind-config";
+import { colors as projectColors } from "@repo/tailwind-config/tokens";
 
-const config: Pick<Config, "content" | "presets"> = {
+const config: Pick<Config, "content" | "presets" | "theme"> = {
   content: ["./src/app/**/*.tsx", "./src/components/**/*.tsx"],
   presets: [sharedConfig],
+  theme: {
+    colors: {
+      ...defaultColors,
+      ...projectColors,
+    },
+  },
 };
 
 export default config;