diff --git a/packages/@n8n/nodes-langchain/nodes/trigger/ChatTrigger/README.md b/packages/@n8n/nodes-langchain/nodes/trigger/ChatTrigger/README.md
index e81821e12d0..3bb36b44fae 100644
--- a/packages/@n8n/nodes-langchain/nodes/trigger/ChatTrigger/README.md
+++ b/packages/@n8n/nodes-langchain/nodes/trigger/ChatTrigger/README.md
@@ -50,5 +50,5 @@ Modify the import paths in `templates.ts` to point to your local server:
 ```
 
 ```html
-<link href="https://127.0.0.1:8443/chat.css" rel="stylesheet" />
+<link href="https://127.0.0.1:8443/style.css" rel="stylesheet" />
 ```
diff --git a/packages/frontend/@n8n/chat/vite.config.mts b/packages/frontend/@n8n/chat/vite.config.mts
index e009419f5ee..75abffe6bf8 100644
--- a/packages/frontend/@n8n/chat/vite.config.mts
+++ b/packages/frontend/@n8n/chat/vite.config.mts
@@ -1,5 +1,6 @@
 import { defineConfig, mergeConfig } from 'vite';
 import { resolve } from 'path';
+import { renameSync } from 'fs';
 import vue from '@vitejs/plugin-vue';
 import icons from 'unplugin-icons/vite';
 import dts from 'vite-plugin-dts';
@@ -18,6 +19,21 @@ export default mergeConfig(
 				autoInstall: true,
 			}),
 			dts(),
+			{
+				name: 'rename-css-file',
+				closeBundle() {
+					// The chat.css is automatically named based on vite.config.ts library name.
+					// ChatTrigger Node requires https://cdn.jsdelivr.net/npm/@n8n/chat/dist/style.css
+					// As such for backwards compatibility, we need to maintain the same name file
+					const cssPath = resolve(__dirname, 'dist', 'chat.css');
+					const newCssPath = resolve(__dirname, 'dist', 'style.css');
+					try {
+						renameSync(cssPath, newCssPath);
+					} catch (error) {
+						console.error('Failed to rename chat.css file:', error);
+					}
+				},
+			},
 		],
 		resolve: {
 			alias: {