diff --git a/src/Bundle/ChillAsideActivityBundle/src/Resources/views/asideActivity/list.html.twig b/src/Bundle/ChillAsideActivityBundle/src/Resources/views/asideActivity/list.html.twig
index cf747be72..c6da4816b 100644
--- a/src/Bundle/ChillAsideActivityBundle/src/Resources/views/asideActivity/list.html.twig
+++ b/src/Bundle/ChillAsideActivityBundle/src/Resources/views/asideActivity/list.html.twig
@@ -5,7 +5,7 @@
 {% endblock title %}
 
 {% block content %}
-	<div class="col-md-10 col-xxl asideactivity-list">
+	<div class="col-md-10 asideactivity-list">
 		<h2>{{ 'My aside activities' |trans }}</h2>
 
 		{% if entities|length == 0 %}
@@ -15,62 +15,75 @@
 			</p>
 		{% else %}
 
-			<div
-				class="flex-table my-4 list-records">
-				{# Sort activities according to date in descending order #}
+			<div class="flex-table">
+
 				{% for entity in entities %}
 
 					<div class="item-bloc">
-						<div class="item-row main">
-							<div class="item-col">
+						<div class="item-row wrap-header">
 
+							<div class="item-col">
 								<h3>
 									<b>{{ entity.type.title | localize_translatable_string }}</b>
 								</h3>
+								<div>
+									{% if entity.date %}
+										<span>{{ entity.date|format_date('long') }}</span>
+									{% endif %}
+									{% if entity.date %}
+										<span class="duration">
 
-								<p>{{ 'Created for' | trans }}
-									:
-									{{ entity.agent }}</p>
+											<i class="fa fa-fw fa-hourglass-end"></i>
+											{{ entity.duration|date('H:i') }}
 
-								{% if entity.date %}
-									<p>{{ entity.date|format_date('long') }}</p>
-								{% endif %}
-
-								<div class="duration">
-									<p>
-										<i class="fa fa-fw fa-hourglass-end"></i>
-										{{ entity.duration|date('H:i') }}
-									</p>
+										</span>
+									{% endif %}
 								</div>
-
 							</div>
 							<div class="item-col">
-								<ul class="list-content">
-									<li style="list-style-type: none;">
-										<span class="{{ entity.createdBy is same as app.user ? 'badge bg-chill-pink' : 'badge bg-chill-yellow' }}">
-											<b>{{ 'Created by'|trans }}
-												:
-												{{ entity.createdBy.usernameCanonical }}</b>
-										</span>
-									</li>
-								</ul>
+								<div class="float-button bottom">
+									<div class="box">
+										<ul class="list-content fa-ul">
+											<li>
+												<span>
+													<abbr class="referrer" title={{ 'Created by'|trans }}>{{ 'By'|trans }}:</abbr>
+													<b>{{ entity.createdBy.usernameCanonical }}</b>
+												</span>
+											</li>
+											<li>
+												<span>
+													<abbr class="referrer" title={{ 'Created for'|trans }}>{{ 'For'|trans }}:</abbr>
+													<b>{{ entity.agent.usernameCanonical }}</b>
+
+												</span>
+											</li>
+										</ul>
+										<div class="action">
+											<ul class="record_actions">
+												<li>
+													<a href="{{ chill_path_add_return_path('chill_crud_aside_activity_view', { 'id': entity.id } ) }}" class="btn btn-show btn-mini"></a>
+												</li>
+												<li>
+													<a href="{{ chill_path_add_return_path('chill_crud_aside_activity_edit', { 'id': entity.id }) }}" class="btn btn-update btn-mini "></a>
+												</li>
+												<li>
+													<a href="{{ chill_path_add_return_path('chill_crud_aside_activity_delete', { 'id': entity.id } ) }}" class="btn btn-delete btn-mini"></a>
+												</li>
+											</ul>
+										</div>
+									</div>
+								</div>
 							</div>
 						</div>
 
-						<div class="item-col">
-							<ul class="list-content">
-								<ul class="record_actions">
-									<li>
-										<a href="{{ chill_path_add_return_path('chill_crud_aside_activity_edit', { 'id': entity.id }) }}" class="btn btn-update btn-mini "></a>
-									</li>
-									<li>
-										<a href="{{ chill_path_add_return_path('chill_crud_aside_activity_delete', { 'id': entity.id } ) }}" class="btn btn-delete btn-mini"></a>
-									</li>
-								</ul>
-							</ul>
+						<div class="item-row comment separator">
+							<section class="chill-entity entity-comment-embeddable">
+								<blockquote class="chill-user-quote">
+									<p>{{ entity.note }}</p>
+								</blockquote>
+							</section>
 						</div>
 					</div>
-
 				{% endfor %}
 			</div>
 
@@ -83,7 +96,6 @@
 					</a>
 				</li>
 			</ul>
-		</div>
-	{% endif %}
+		{% endif %}
 
-{% endblock %}
+	{% endblock %}