diff --git a/src/app/post/components/post-details/post-details.component.ts b/src/app/post/components/post-details/post-details.component.ts
index e095b8a4ae4737633e192d1c3166abfdbe6cd485..0131c534fda0feb228fef23ec05f7a861979d4d1 100644
--- a/src/app/post/components/post-details/post-details.component.ts
+++ b/src/app/post/components/post-details/post-details.component.ts
@@ -1,5 +1,5 @@
 import { Component, ElementRef, OnInit, Renderer2, ViewEncapsulation } from '@angular/core';
-import { DomSanitizer } from '@angular/platform-browser';
+import { DomSanitizer, Title } from '@angular/platform-browser';
 import { ActivatedRoute } from '@angular/router';
 import { RouterListenerService } from '../../../services/routerListener.service';
 import { Post } from '../../models/post.model';
@@ -21,6 +21,7 @@ export class PostDetailsComponent implements OnInit {
     private routerListener: RouterListenerService,
     private readonly elementRef: ElementRef,
     private renderer: Renderer2,
+    private title: Title,
   ) {}
 
   ngOnInit(): void {
@@ -38,6 +39,8 @@ export class PostDetailsComponent implements OnInit {
     const script = this.renderer.createElement('script');
     script.src = '/assets/ghost/cards.min.js';
     this.renderer.appendChild(this.elementRef.nativeElement, script);
+    // set page title
+    this.title.setTitle(this.post.title + " | Réseau des acteurs de l'inclusion numérique de la métropole de Lyon");
   }
 
   public backToPosts(): void {