diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/DocumentationCompactDetails.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/DocumentationCompactDetails.vue
index 09ae0e5d09903387dd314bc25b8885c9eff1b370..e1e5b92dca2db45599d72ef641adba2377ed130a 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/DocumentationCompactDetails.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/DocumentationCompactDetails.vue
@@ -1,19 +1,25 @@
 <template>
   <v-card outlined dense rounded="lg" v-bind="$attrs" v-on="$listeners">
-    <div class="font-weight-medium mr-2">
-      {{ $t("alsijil.coursebook.summary.topic.label") }}:
-    </div>
-    <div class="text-truncate">{{ documentation.topic || "–" }}</div>
+    <template v-if="documentation.topic">
+      <div class="font-weight-medium mr-2">
+        {{ $t("alsijil.coursebook.summary.topic.label") }}:
+      </div>
+      <div class="text-truncate">{{ documentation.topic || "–" }}</div>
+    </template>
 
-    <div class="font-weight-medium mr-2">
-      {{ $t("alsijil.coursebook.summary.homework.label") }}:
-    </div>
-    <div class="text-truncate">{{ documentation.homework || "–" }}</div>
+    <template v-if="documentation.homework">
+      <div class="font-weight-medium mr-2">
+        {{ $t("alsijil.coursebook.summary.homework.label") }}:
+      </div>
+      <div class="text-truncate">{{ documentation.homework || "–" }}</div>
+    </template>
 
-    <div class="font-weight-medium mr-2">
-      {{ $t("alsijil.coursebook.summary.group_note.label") }}:
-    </div>
-    <div class="text-truncate">{{ documentation.groupNote || "–" }}</div>
+    <template v-if="documentation.groupNote">
+      <div class="font-weight-medium mr-2">
+        {{ $t("alsijil.coursebook.summary.group_note.label") }}:
+      </div>
+      <div class="text-truncate">{{ documentation.groupNote || "–" }}</div>
+    </template>
   </v-card>
 </template>