diff --git a/templates/with-vercel-website/components.json b/templates/with-vercel-website/components.json
index 24e429706ae..ff4511fe426 100644
--- a/templates/with-vercel-website/components.json
+++ b/templates/with-vercel-website/components.json
@@ -4,7 +4,7 @@
   "rsc": true,
   "tsx": true,
   "tailwind": {
-    "config": "tailwind.config.js",
+    "config": "tailwind.config.mjs",
     "css": "src/app/(frontend)/globals.css",
     "baseColor": "slate",
     "cssVariables": true,
diff --git a/templates/with-vercel-website/tailwind.config.mjs b/templates/with-vercel-website/tailwind.config.mjs
index 44469ab102a..c5a4a550b68 100644
--- a/templates/with-vercel-website/tailwind.config.mjs
+++ b/templates/with-vercel-website/tailwind.config.mjs
@@ -107,7 +107,8 @@ const config = {
           to: { height: '0' },
         },
       },
-      typography: () => ({
+
+      typography: {
         DEFAULT: {
           css: [
             {
@@ -145,7 +146,7 @@ const config = {
             },
           ],
         },
-      }),
+      },
     },
   },
 }