diff --git a/assets/controllers/activity_controller.js b/assets/controllers/activity_controller.js
index 1193686..259a8f7 100644
--- a/assets/controllers/activity_controller.js
+++ b/assets/controllers/activity_controller.js
@@ -31,7 +31,7 @@ export default class extends Controller {
 
 
     const mercureHubUrl = 'https://mangarr.test.nestor-server.fr/.well-known/mercure';
-    const eventSource = new EventSource(`${mercureHubUrl}?topic=activity`);
+    const eventSource = new EventSource(`${mercureHubUrl}?topic=activity`, {withCredentials: true});
 
     eventSource.onmessage = (event) => {
       const data = JSON.parse(event.data);
diff --git a/assets/controllers/chapter_progress_controller.js b/assets/controllers/chapter_progress_controller.js
index c8d4414..76b9d7a 100644
--- a/assets/controllers/chapter_progress_controller.js
+++ b/assets/controllers/chapter_progress_controller.js
@@ -12,7 +12,7 @@ export default class extends Controller {
     this.totalPages = 0;
 
     const mercureHubUrl = 'https://mangarr.test.nestor-server.fr/.well-known/mercure';
-    this.eventSource = new EventSource(`${mercureHubUrl}?topic=activity`);
+    this.eventSource = new EventSource(`${mercureHubUrl}?topic=activity`, {withCredentials: true});
 
     this.eventSource.onmessage = this.handleMessage.bind(this);
   }
diff --git a/assets/controllers/mercure_controller.js b/assets/controllers/mercure_controller.js
index 860f8c9..27983fb 100644
--- a/assets/controllers/mercure_controller.js
+++ b/assets/controllers/mercure_controller.js
@@ -10,7 +10,7 @@ export default class extends Controller {
   connect() {
     const topic = this.data.get('topic');
     const mercureHubUrl = 'https://mangarr.test.nestor-server.fr/.well-known/mercure';
-    const eventSource = new EventSource(`${mercureHubUrl}?topic=${topic}`);
+    const eventSource = new EventSource(`${mercureHubUrl}?topic=${topic}`, {withCredentials: true});
 
     eventSource.onmessage = (event) => {
       const data = JSON.parse(event.data);