diff --git a/apps/www/tailwind.config.js b/apps/www/tailwind.config.js
index 2cfff6f8..d9fd9918 100644
--- a/apps/www/tailwind.config.js
+++ b/apps/www/tailwind.config.js
@@ -49,6 +49,7 @@ export default {
         },
       },
       borderRadius: {
+        xl: 'calc(var(--radius) + 4px)',
         lg: 'var(--radius)',
         md: 'calc(var(--radius) - 2px)',
         sm: 'calc(var(--radius) - 4px)',
diff --git a/packages/cli/src/utils/templates.ts b/packages/cli/src/utils/templates.ts
index 015ee5f8..677de92c 100644
--- a/packages/cli/src/utils/templates.ts
+++ b/packages/cli/src/utils/templates.ts
@@ -116,6 +116,7 @@ module.exports = {
         },
       },
       borderRadius: {
+      	xl: "calc(var(--radius) + 4px)",
         lg: "var(--radius)",
         md: "calc(var(--radius) - 2px)",
         sm: "calc(var(--radius) - 4px)",