diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonPage.vue b/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonPage.vue
index 09e5355d3ff910940a4fbfe39f10d08214501f58..7df07c24db4ea90f66268135272a5fe8e634b9e4 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonPage.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonPage.vue
@@ -44,81 +44,87 @@
             </v-btn>
           </template>
           <template #default="{ items }">
-            <v-list-item v-for="item in items" :key="item.id" ripple>
-              <v-list-item-content>
-                <v-list-item-title>
-                  <!-- date & timeslot -->
-                  <time
-                    :datetime="item.relatedDocumentation.datetimeStart"
-                    class="text-no-wrap"
-                  >
-                    {{
-                      $d(
-                        $parseISODate(item.relatedDocumentation.datetimeStart),
-                        "short",
-                      )
-                    }}
-                  </time>
+            <v-list>
+              <v-list-item v-for="item in items" :key="item.id" ripple>
+                <v-list-item-content>
+                  <v-list-item-title>
+                    <!-- date & timeslot -->
+                    <time
+                      :datetime="item.relatedDocumentation.datetimeStart"
+                      class="text-no-wrap"
+                    >
+                      {{
+                        $d(
+                          $parseISODate(
+                            item.relatedDocumentation.datetimeStart,
+                          ),
+                          "short",
+                        )
+                      }}
+                    </time>
 
-                  <time
-                    :datetime="item.relatedDocumentation.datetimeStart"
-                    class="text-no-wrap"
-                  >
-                    {{
-                      $d(
-                        $parseISODate(item.relatedDocumentation.datetimeStart),
-                        "shortTime",
-                      )
-                    }}
-                  </time>
-                  <span>-</span>
-                  <time
-                    :datetime="item.relatedDocumentation.datetimeEnd"
-                    class="text-no-wrap"
-                  >
-                    {{
-                      $d(
-                        $parseISODate(item.relatedDocumentation.datetimeEnd),
-                        "shortTime",
-                      )
-                    }}
-                  </time>
-                </v-list-item-title>
-                <v-list-item-subtitle class="overflow-scroll">
-                  <!-- teacher -->
-                  <person-chip
-                    v-for="teacher in item.relatedDocumentation.teachers"
-                    :key="teacher.id"
-                    :person="teacher"
-                    no-link
-                    small
+                    <time
+                      :datetime="item.relatedDocumentation.datetimeStart"
+                      class="text-no-wrap"
+                    >
+                      {{
+                        $d(
+                          $parseISODate(
+                            item.relatedDocumentation.datetimeStart,
+                          ),
+                          "shortTime",
+                        )
+                      }}
+                    </time>
+                    <span>-</span>
+                    <time
+                      :datetime="item.relatedDocumentation.datetimeEnd"
+                      class="text-no-wrap"
+                    >
+                      {{
+                        $d(
+                          $parseISODate(item.relatedDocumentation.datetimeEnd),
+                          "shortTime",
+                        )
+                      }}
+                    </time>
+                  </v-list-item-title>
+                  <v-list-item-subtitle class="overflow-scroll">
+                    <!-- teacher -->
+                    <person-chip
+                      v-for="teacher in item.relatedDocumentation.teachers"
+                      :key="teacher.id"
+                      :person="teacher"
+                      no-link
+                      small
+                    />
+                    <!-- group -->
+                    <span>
+                      {{ item.groupShortName }}
+                    </span>
+                    <!-- subject -->
+                    <subject-chip
+                      :subject="item.relatedDocumentation.subject"
+                      small
+                    />
+                  </v-list-item-subtitle>
+                </v-list-item-content>
+                <v-list-item-action>
+                  <!-- chips: absences & extraMarks -->
+                  <absence-reason-chip
+                    v-if="item.absenceReason"
+                    :absence-reason="item.absenceReason"
                   />
-                  <!-- group -->
-                  <span>
-                    {{ item.groupShortName }}
-                  </span>
-                  <!-- subject -->
-                  <subject-chip
-                    :subject="item.relatedDocumentation.subject"
-                    small
+                  <extra-mark-chip
+                    v-if="item.extraMark"
+                    :extra-mark="item.extraMark"
                   />
-                </v-list-item-subtitle>
-              </v-list-item-content>
-              <v-list-item-action>
-                <!-- chips: absences & extraMarks -->
-                <absence-reason-chip
-                  v-if="item.absenceReason"
-                  :absenceReason="item.absenceReason"
-                />
-                <extra-mark-chip
-                  v-if="item.extraMark"
-                  :extra-mark="item.extraMark"
-                />
-                <div v-if="item.note">
-                  {{ item.note }}
-                </div>
-              </v-list-item-action>
-            </v-list-item>
+                  <div v-if="item.note">
+                    {{ item.note }}
+                  </div>
+                </v-list-item-action>
+              </v-list-item>
+            </v-list>
             <v-divider></v-divider>
           </template>
         </c-r-u-d-iterator>
@@ -163,7 +169,6 @@ import {
   personalNotesForPerson,
   personName,
 } from "./statistics.graphql";
-import { DateTime } from "luxon";
 import ExtraMarkChip from "../../extra_marks/ExtraMarkChip.vue";
 
 const MODE = {