diff --git a/Resources/translations/messages.fr.yml b/Resources/translations/messages.fr.yml
index 8836cb641..18511b4d6 100644
--- a/Resources/translations/messages.fr.yml
+++ b/Resources/translations/messages.fr.yml
@@ -87,8 +87,8 @@ Add an address: Ajouter une adresse
 Back to the person details: Retour aux détails de la personne
 
 #timeline
-'An accompanying period is opened for %person% on %date%': Une période d'accompagnement a été ouverte le %date% pour %person%
-'An accompanying period is closed for %person% on %date%': Une période d'accompagnement a été fermée le %date% pour %person%
+Closing the accompanying period: Fermeture de la période d'accompagnement
+Opening the accompanying period: Ouverture d'une période d'accompagnement
 
 #roles
 CHILL_PERSON_SEE: Voir les personnes
diff --git a/Resources/views/Timeline/closing_period.html.twig b/Resources/views/Timeline/closing_period.html.twig
index c956c0f5c..59816d087 100644
--- a/Resources/views/Timeline/closing_period.html.twig
+++ b/Resources/views/Timeline/closing_period.html.twig
@@ -1,3 +1,9 @@
-<p>
-	<i class="fa fa-folder"></i>&nbsp;{{ 'An accompanying period is closed for %person% on %date%'|trans({'%person%': person, '%date%': period.closingDate|localizeddate('long', 'none') } ) }}
-</p>
+<h3 class="single-line">
+    {{ period.closingDate|localizeddate('long', 'none')  }}
+    <span class="person"> /
+        {{ 'Closing the accompanying period' | trans }}
+    <span>
+    <span class="chill-red">
+        <i class="fa fa-folder"></i>
+    </span>
+</h3> 
diff --git a/Resources/views/Timeline/opening_period.html.twig b/Resources/views/Timeline/opening_period.html.twig
index e2bd765c1..665bac070 100644
--- a/Resources/views/Timeline/opening_period.html.twig
+++ b/Resources/views/Timeline/opening_period.html.twig
@@ -1,3 +1,9 @@
-<p>
-	<i class="fa fa-folder-open"></i>&nbsp;{{ 'An accompanying period is opened for %person% on %date%'|trans({'%person%': person, '%date%': period.openingDate|localizeddate('long', 'none') } ) }}
-</p>
+<h3 class="single-line">
+    {{ period.openingDate|localizeddate('long', 'none')  }}
+    <span class="person"> /
+        {{ 'Opening the accompanying period' | trans }}
+    </span>
+    <span class="chill-green">
+        <i class="fa fa-folder-open"></i>
+    </span>
+</h3>