diff --git a/src/Bundle/ChillCalendarBundle/Resources/views/Calendar/_list.html.twig b/src/Bundle/ChillCalendarBundle/Resources/views/Calendar/_list.html.twig
index a120e05e8..f75c9919b 100644
--- a/src/Bundle/ChillCalendarBundle/Resources/views/Calendar/_list.html.twig
+++ b/src/Bundle/ChillCalendarBundle/Resources/views/Calendar/_list.html.twig
@@ -9,13 +9,20 @@
                 <div class="item-row main">
                     <div class="item-col">
                         <div class="wrap-header">
+                            <div class="wl-row">
+                                {% if calendar.status == 'canceled' %}
+                                <div class="badge rounded-pill bg-danger">
+                                    <span>{{ 'chill_calendar.canceled'|trans }}: </span>
+                                    <span>{{ calendar.cancelReason.name|localize_translatable_string }}</span>
+                                </div>
+                                    {% endif %}
+                            </div>
                             <div class="wl-row">
                                 <div class="wl-col title">
                                     <p class="date-label">
                                         {% if calendar.status == 'canceled' %}
-                                            <span class="badge rounded-pill bg-danger">{{ 'chill_calendar.canceled'|trans }}</span>
-                                            <del>
-                                        {% endif %}
+                                        <del>
+                                            {% endif %}
                                         {% if context == 'person' and calendar.context == 'accompanying_period' %}
                                             <a href="{{ chill_path_add_return_path('chill_person_accompanying_course_index', {'accompanying_period_id': calendar.accompanyingPeriod.id}) }}" style="text-decoration: none;">
                                                 <span class="badge bg-primary">
@@ -36,14 +43,7 @@
                                         {% if calendar.status == 'canceled' %}
                                             </del>
                                         {% endif %}
-                                    {% if calendar.status == 'canceled' %}
-                                        </del>
-                                        <p>
-                                            <span>{{ 'chill_calendar.cancel_reason'|trans }}:</span>
-                                            <span>{{ calendar.cancelReason.name|localize_translatable_string }}</span>
-                                        </p>
-                                    {% endif %}
-
+                                            
                                     <div class="duration short-message">
                                         <i class="fa fa-fw fa-hourglass-end"></i>
                                         {{ calendar.duration|date('%H:%I') }}