diff --git a/aleksis/apps/alsijil/assets/components/coursebook/LessonDocumentation.vue b/aleksis/apps/alsijil/assets/components/coursebook/LessonDocumentation.vue
index ceaa3a6aae5bf004938812c6b44730b9fe78d50d..9b1182dba4dbcbc8ae2fd3f8c646b109deae4c12 100644
--- a/aleksis/apps/alsijil/assets/components/coursebook/LessonDocumentation.vue
+++ b/aleksis/apps/alsijil/assets/components/coursebook/LessonDocumentation.vue
@@ -10,7 +10,7 @@
           <v-card-title v-if="saveLessonDocumentationsPerWeek === 'True'">
             <span
               v-text="getWeekText(lessonDocumentationEdit)"
-              class="ma-1">
+              class="ma-1 text-h5">
             </span>
           </v-card-title>
           <v-card-title v-else>
@@ -24,15 +24,15 @@
                     min-width="auto"
                 >
                   <template v-slot:activator="{ on, attrs }">
-                    <v-card-title>
+                    <span>
                       <span
                           v-text="new Date(lessonDocumentationEdit.date).toLocaleDateString($root.languageCode)"
-                          class="ma-1"></span>
+                          class="ma-1 text-h5"></span>
                       <v-btn right v-bind="attrs" v-on="on" icon
                              v-if="hover && dateAndPeriodEditable">
                         <v-icon>mdi-pencil-outline</v-icon>
                       </v-btn>
-                    </v-card-title>
+                    </span>
                   </template>
                   <v-date-picker
                       scrollable
@@ -47,8 +47,10 @@
               <div>
                 <v-menu offset-y>
                   <template v-slot:activator="{ on, attrs }">
-                    <v-card-title>
-                      <span v-text="$root.django.gettext('Period') + ' ' + lessonDocumentationEdit.period" class="ma-1"></span>
+                    <span>
+                      <span
+                          v-text="$root.django.gettext('Period') + ' ' + lessonDocumentationEdit.period"
+                          class="ma-1 text-h5"></span>
                       <v-btn
                           right
                           v-bind="attrs"
@@ -58,7 +60,7 @@
                       >
                         <v-icon>mdi-pencil-outline</v-icon>
                       </v-btn>
-                    </v-card-title>
+                    </span>
                   </template>
                   <v-list>
                     <!-- Fixme: load valid lessons -->