diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/Documentation.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/Documentation.vue
index 8da2be10f870427b10519aa53df215f4e46cf719..d19068f5363b24bed442c1645aecf40c96913f5b 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/Documentation.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/Documentation.vue
@@ -6,13 +6,13 @@
 
     <!-- flex-md-row zeile ab medium -->
     <!-- align-stretch - stretch full-width -->
-    <div
+    <v-card-text
       class="full-width d-flex flex-column align-stretch"
       :class="{ 'flex-md-row': compact }"
     >
       <lesson-information v-if="compact" class="flex-110" v-bind="documentationPartProps" />
       <lesson-summary
-        class="flex-grow-1"
+        :class="{ 'flex-110': compact }"
         ref="summary"
         v-bind="{ ...$attrs, ...documentationPartProps }"
         :is-create="false"
@@ -21,8 +21,8 @@
         @loading="loading = $event"
         @save="$emit('close')"
       />
-      <lesson-notes class="flex-grow-1" v-bind="documentationPartProps" />
-    </div>
+      <lesson-notes :class="{ 'flex-110': compact }" v-bind="documentationPartProps" />
+    </v-card-text>
     <v-divider />
     <v-card-actions v-if="!compact">
       <v-spacer />
@@ -69,3 +69,10 @@ export default {
   },
 };
 </script>
+
+<style scoped>
+.flex-110 {
+  flex: 1 1 0;
+  width: 0;
+}
+</style>
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue
index 7f2d5c36ab3e7ac95ee7c4003e9fe586bc66eb90..77aa69b98247606cb1879b1ea8bf4085e56b9d19 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card-text class="d-flex align-center flex-wrap gap">
+  <div class="full-width d-flex align-center flex-wrap gap justify-space-around">
     <div>
       <time :datetime="documentation.datetimeStart" :class="{ 'd-block': compact }">
         {{ $d(toDateTime(documentation.datetimeStart), "shortTime") }}
@@ -16,7 +16,7 @@
       class="ms-2"
       :append-icon="documentation.canEdit ? '$edit' : undefined"
     />
-  </v-card-text>
+  </div>
 </template>
 
 <script>
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonNotes.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonNotes.vue
index 24bc9b8ff0af176e2f6e26c9bd4fb43623e80c8d..adb7b88c7d9567c1fdc1f4d38867a19d95b7f14b 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonNotes.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonNotes.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card-text
+  <div
     class="d-flex align-center justify-space-between justify-md-end flex-wrap gap"
   >
     <v-chip dense color="success">
@@ -26,7 +26,7 @@
       >
       Hausaufgaben vergessen
     </v-chip>
-  </v-card-text>
+  </div>
 </template>
 
 <script>
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
index b0af7a8f646d791b34c56abe995f9dd78adc1d80..79df3e594c9ffd44c04606b96d190c4cdfaa8c4b 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
@@ -1,5 +1,5 @@
 <template>
-  <v-card-text>
+  <div>
     <!-- compact -->
     <div
       class="d-flex flex-column flex-md-row align-stretch align-md-center gap justify-start"
@@ -18,7 +18,7 @@
         :loading="loading"
         :disabled="!documentation.canEdit"
       />
-      <div class="d-flex flex-column align-start">
+      <div class="d-flex flex-column align-start flex-grow-1">
         <v-chip
           v-bind="dialogActivator.attrs"
           v-on="dialogActivator.on"
@@ -81,7 +81,7 @@
       @input="groupNote = $event"
       :disabled="!documentation.canEdit"
     />
-  </v-card-text>
+  </div>
 </template>
 
 <script>