diff --git a/templates/admin/index.html.twig b/templates/admin/index.html.twig
index cb9d319..023bf9c 100644
--- a/templates/admin/index.html.twig
+++ b/templates/admin/index.html.twig
@@ -1,7 +1,7 @@
 {% extends 'admin/layout.html.twig' %}
 
 {% macro dot() %}
-    <svg viewBox="0 0 2 2" class="h-1 w-1 fill-current inline-block mx-1">
+    <svg viewBox="0 0 2 2" class="h-1 w-1 fill-current shrink-0">
         <circle cx="1" cy="1" r="1" />
     </svg>
 {% endmacro %}
@@ -19,8 +19,13 @@
                 {% for application in applications %}
                     {% set assignment = application.assignment %}
                     <li class="py-2 first:pt-0 last:pb-0">
-                        <a href="{{ path('app_admin_assignment_detail', { 'uuid': assignment.uuid, 'r': return_url() }) }}" class="block truncate">
-                            {{ application.teamer.fullName(true) }}{{ _self.dot() }}{{ assignment.effectivePeriod.start|date('d.m.Y') }} - {{ assignment.effectivePeriod.end|date('d.m.Y') }}{{ _self.dot() }}{{ assignment.jobProfile.name }}
+                        <a href="{{ path('app_admin_assignment_detail', { 'uuid': assignment.uuid, 'r': return_url() }) }}" class="flex items-center space-x-1 text-clip">
+                            {{ icon('hand', 'w-4 h-4 shrink-0') }}
+                            <span class="whitespace-nowrap">{{ application.teamer.fullName(true) }}</span>
+                            {{ _self.dot() }}
+                            <span class="whitespace-nowrap">{{ assignment.effectivePeriod.start|date('d.m.y') }} - {{ assignment.effectivePeriod.end|date('d.m.y') }}</span>
+                            {{ _self.dot() }}
+                            <span class="whitespace-nowrap">{{ assignment.jobProfile.name }}</span>
                         </a>
                     </li>
                 {% else %}
@@ -45,8 +50,11 @@
                         {% else %}
                             {% set url = path('app_admin_teamer_profile', { 'uuid': document.owner.teamer.uuid, 'r': return_url() }) %}
                         {% endif %}
-                        <a href="{{ url }}" class="block truncate">
-                            {{ document.owner.teamer.fullName(true) }}{{ _self.dot() }}{{ document.originalFilename }}
+                        <a href="{{ url }}" class="flex items-center space-x-1 truncate">
+                            {{ icon('download', 'w-4 h-4 shrink-0') }}
+                            <span>{{ document.owner.teamer.fullName(true) }}</span>
+                            {{ _self.dot() }}
+                            <span>{{ document.originalFilename }}</span>
                         </a>
                     </li>
                 {% else %}
@@ -63,8 +71,13 @@
             <ul class="divide-y divide-gray-200">
                 {% for assignment in assignments %}
                     <li class="py-2 first:pt-0 last:pb-0">
-                        <a href="{{ path('app_admin_assignment_detail', { 'uuid': assignment.uuid, 'r': return_url() }) }}" class="block truncate">
-                            {{ assignment.effectivePeriod.start|date('d.m.Y') }} - {{ assignment.effectivePeriod.end|date('d.m.Y') }}{{ _self.dot() }}{{ assignment.jobProfile.name }}{{ _self.dot() }}{{ assignment.owner.fullName(true) }}
+                        <a href="{{ path('app_admin_assignment_detail', { 'uuid': assignment.uuid, 'r': return_url() }) }}" class="flex items-center space-x-1 truncate truncate">
+                            {{ icon('calendar', 'w-4 h-4 shrink-0') }}
+                            <span class="whitespace-nowrap">{{ assignment.effectivePeriod.start|date('d.m.y') }} - {{ assignment.effectivePeriod.end|date('d.m.y') }}</span>
+                            {{ _self.dot() }}
+                            <span class="whitespace-nowrap">{{ assignment.jobProfile.name }}</span>
+                            {{ _self.dot() }}
+                            <span class="whitespace-nowrap">{{ assignment.owner.fullName(true) }}</span>
                         </a>
                     </li>
                 {% else %}
@@ -81,8 +94,11 @@
             <ul class="divide-y divide-gray-200">
                 {% for availability in availabilities %}
                     <li class="py-2 first:pt-0 last:pb-0">
-                        <a href="{{ path('app_admin_teamer_availability', { 'uuid': availability.owner.uuid, 'r': return_url() }) }}" class="block truncate">
-                            {{ availability.owner }}{{ _self.dot() }}{{ availability.dateFrom|date('d.m.Y') }} - {{ availability.dateTo|date('d.m.Y') }}
+                        <a href="{{ path('app_admin_teamer_availability', { 'uuid': availability.owner.uuid, 'r': return_url() }) }}" class="flex items-center space-x-1 truncate">
+                            {{ icon('calendar', 'w-4 h-4 shrink-0') }}
+                            <span class="whitespace-nowrap">{{ availability.owner.fullName(true) }}</span>
+                            {{ _self.dot() }}
+                            <span class="whitespace-nowrap">{{ availability.dateFrom|date('d.m.y') }} - {{ availability.dateTo|date('d.m.y') }}</span>
                         </a>
                     </li>
                 {% else %}