diff --git a/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/badge.scss b/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/badge.scss
index 820d70483..e1515b83d 100644
--- a/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/badge.scss
+++ b/src/Bundle/ChillPersonBundle/Resources/public/chill/scss/badge.scss
@@ -77,10 +77,19 @@ h2.badge-title {
         padding: 0.2em 1em;
 
         ul.small_in_title {
-            margin-top: 0.5em;
+            margin: 0;
+            //margin-top: 0.5em;
             font-size: 70%;
             padding-left: 1rem;
         }
+        ul.columns { // XS:1  SM:2  MD:1  LG:2  XL:2  XXL:2
+            @include media-breakpoint-only(sm) {
+                columns: 2; -webkit-columns: 2; -moz-columns: 2;
+            }
+            @include media-breakpoint-up(lg) {
+                columns: 2; -webkit-columns: 2; -moz-columns: 2;
+            }
+        }
     }
 }
 
diff --git a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/list_recent_by_accompanying_period.html.twig b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/list_recent_by_accompanying_period.html.twig
index ec322ab23..cc2d345b2 100644
--- a/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/list_recent_by_accompanying_period.html.twig
+++ b/src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/list_recent_by_accompanying_period.html.twig
@@ -11,7 +11,7 @@
             <span class="title_action">
                 {{ w.socialAction|chill_entity_render_string }}
 
-                <ul class="small_in_title">
+                <ul class="small_in_title columns mt-3">
                     <li>
                         <span class="item-key">{{ 'accompanying_course_work.start_date'|trans ~ ' : ' }}</span>
                         <b>{{ w.startDate|format_date('short') }}</b>
@@ -22,6 +22,8 @@
                         <b>{{ w.endDate|format_date('short') }}</b>
                     </li>
                     {% endif %}
+                </ul>
+                <ul class="small_in_title">
                     {% if w.handlingThierParty %}
                     <li>
                         <span class="item-key">{{ 'Thirdparty handling'|trans ~ ' : ' }}</span>
@@ -35,17 +37,17 @@
                         {% endfor %}
                     </li>
                 </ul>
-                <ul class="list-content">
+                <ul class="list-content my-3">
                     <li class="social-issues">
                         {{ w.socialAction.issue|chill_entity_render_box }}
                     </li>
                 </ul>
-                <ul class="small_in_title">
+                <ul class="small_in_title mb-3">
                     {% for e in w.accompanyingPeriodWorkEvaluations %}
                         <li>
                             <span class="item-key">{{ 'accompanying_course_work.social_evaluation'|trans ~ ' : ' }}</span>
                             {{ e.evaluation.title|localize_translatable_string }}
-                            <ul class="small_in_title__">
+                            <ul class="columns">
                                 {% if e.startDate %}
                                 <li>
                                     <span class="item-key">{{ 'accompanying_course_work.start_date'|trans ~ ' : ' }}</span>