diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/Documentation.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/Documentation.vue
index 382f10e5d987e7c4ed30f1c56a093cfc10641469..0f767b923cddbed44f1bf7e3e48abc6b192f9f86 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/Documentation.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/Documentation.vue
@@ -8,7 +8,6 @@
       class="full-width main-body"
       :class="{ 'vertical': !compact || $vuetify.breakpoint.mobile, 'pa-2': compact }"
     >
-      <documentation-status v-if="compact" v-bind="documentationPartProps" />
       <lesson-information v-if="compact" v-bind="documentationPartProps" />
       <lesson-summary
         ref="summary"
@@ -33,7 +32,6 @@
 </template>
 
 <script>
-import DocumentationStatus from "./DocumentationStatus.vue";
 import LessonInformation from "./LessonInformation.vue";
 import LessonSummary from "./LessonSummary.vue";
 import LessonNotes from "./LessonNotes.vue";
@@ -48,7 +46,6 @@ import documentationPartMixin from "./documentationPartMixin";
 export default {
   name: "Documentation",
   components: {
-    DocumentationStatus,
     LessonInformation,
     LessonSummary,
     LessonNotes,
diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue
index 80804cf81d2668876a49e9def27796e1eb5b9271..3bcc0e682467e50532de8fc91f66a8ad2e9bde40 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonInformation.vue
@@ -1,10 +1,12 @@
 <script setup>
+import DocumentationStatus from "./DocumentationStatus.vue";
 import PersonChip from "aleksis.core/components/person/PersonChip.vue";
 </script>
 
 <template>
   <div :class="{ 'full-width grid': true, 'large-grid': largeGrid }">
-    <div>
+    <div class="d-flex">
+      <documentation-status v-if="compact" v-bind="documentationPartProps" />
       <div :class="{ 'text-right d-flex flex-column fit-content': largeGrid }">
         <time :datetime="documentation.datetimeStart" class="text-no-wrap">
           {{ $d(toDateTime(documentation.datetimeStart), "shortTime") }}
@@ -71,7 +73,7 @@ export default {
 }
 
 .large-grid {
-  grid-template-columns: min-content 1fr 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr 1fr;
   align-content: unset;
 }