diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
index ae068774ca59b27f532eb3382e070791997387b1..d31d19699bb853dc3ce2d33cb7ea0f6b27337fb3 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
@@ -2,7 +2,7 @@
   <div>
     <!-- compact -->
     <div
-      class="d-flex flex-column flex-md-row align-stretch align-md-center gap justify-start"
+      class="d-flex flex-column flex-md-row align-stretch align-md-center gap justify-start fill-height"
       v-if="compact"
     >
       <v-text-field
@@ -176,4 +176,9 @@ export default {
 .gap {
   gap: 1em;
 }
+
+.grid-layout {
+  display: grid;
+  grid-template-columns: auto min-content;
+}
 </style>