diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsExtraMarksCard.vue b/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsExtraMarksCard.vue
index b05a16d23c9c80dd9060b451466bd83c76f6c39a..b9182bf84afa141005442352f7af33748bbafead 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsExtraMarksCard.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsExtraMarksCard.vue
@@ -1,10 +1,30 @@
 <template>
   <v-card>
+    <counter-chip
+      v-for="extraMark in extraMarks"
+      :value="extraMark.extraMark.id"
+      :color="extraMark.extraMark.colourBg"
+      :text-color="extraMark.extraMark.colourFg"
+      :count="extraMark.count"
+    >
+      {{ extraMark.extraMark.name }}
+    </counter-chip>
   </v-card>
 </template>
 
 <script>
+import CounterChip from "aleksis.core/components/generic/chips/CounterChip.vue";
+
 export default {
   name: "StatisticsExtraMarksCard",
+  components: {
+    CounterChip,
+  },
+  props: {
+    extraMarks: {
+      type: Array,
+      required: true,
+    },
+  },
 };
 </script>
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonCard.vue b/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonCard.vue
index f4a803f864c1a21f46e3842323960deed6e4cecb..17cf823216d547f494eab2419b7f1ecd4092494e 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonCard.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/statistics/StatisticsForPersonCard.vue
@@ -15,7 +15,9 @@
       :tardiness-sum="statistics.tardinessSum"
       :tardiness-count="statistics.tardinessCount"
     />
-    <statistics-extra-marks-card />
+    <statistics-extra-marks-card
+      :extra-marks="statistics.extraMarks"
+    />
     <statistics-personal-notes-list
       v-if="compact"
     />