diff --git a/packages/site/app/layout.tsx b/packages/site/app/layout.tsx
index 5b7282138b..5f3bbecb85 100644
--- a/packages/site/app/layout.tsx
+++ b/packages/site/app/layout.tsx
@@ -86,7 +86,7 @@ export default function RootLayout({ children }: { children: JSX.Element }) {
         {/* crisp widget */}
         <Script id="crisp" type="text/javascript">{`
           window.$crisp = [];
-          window.CRISP_WEBSITE_ID = '%NEXT_PUBLIC_CRISP_WEBSITE_ID%';
+          window.CRISP_WEBSITE_ID = '${process.env.NEXT_PUBLIC_CRISP_WEBSITE_ID}';
           (function () {
             d = document;
             s = d.createElement('script');
diff --git a/packages/site/middleware.ts b/packages/site/middleware.ts
index af92630dbe..3bab8a803a 100644
--- a/packages/site/middleware.ts
+++ b/packages/site/middleware.ts
@@ -27,7 +27,7 @@ export function middleware(request: NextRequest) {
     default-src 'self';
     script-src ${scriptSrc} *.axept.io *.posthog.com client.crisp.chat;  
     style-src ${styleSrc} client.crisp.chat;
-    img-src 'self' blob: data: ytimg.com ${process.env.NEXT_PUBLIC_STRAPI_URL?.replace(
+    img-src 'self' blob: data: ytimg.com https://image.crisp.chat https://client.crisp.chat ${process.env.NEXT_PUBLIC_STRAPI_URL?.replace(
       'strapiapp',
       'media.strapiapp'
     )};
@@ -38,7 +38,10 @@ export function middleware(request: NextRequest) {
       ${process.env.NEXT_PUBLIC_STRAPI_URL!}
       ws://${request.nextUrl.host}
       *.posthog.com
-      *.axept.io;
+      *.axept.io
+      client.crisp.chat
+      wss://client.relay.crisp.chat
+      wss://stream.relay.crisp.chat;
     base-uri 'self';
     form-action 'self';
     frame-ancestors 'none';