diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
index ab8d00445640d23798f57508fad838a7eb6726cb..ad9a626490f3c6fe8dc39342f21222dee70cc9ab 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
@@ -6,7 +6,7 @@
       v-if="compact"
     >
       <v-text-field
-        class="flex-grow-1 min-width"
+        :class="{ 'flex-grow-1 min-width': true, 'full-width': $vuetify.breakpoint.mobile }"
         hide-details
         outlined
         :label="$t('alsijil.coursebook.summary.topic')"