diff --git a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
index 79df3e594c9ffd44c04606b96d190c4cdfaa8c4b..eec73bdb9a7cf13f1452d3e3334d68f780cce781 100644
--- a/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
+++ b/aleksis/apps/alsijil/frontend/components/coursebook/documentation/LessonSummary.vue
@@ -167,13 +167,16 @@ export default {
         ? "mdi-note-plus-outline"
         : "mdi-note-off-outline";
     },
+    minWidth() {
+      return Math.min(this.documentation?.topic?.length || 15, 15) + "ch";
+    },
   },
 };
 </script>
 
 <style scoped>
 .min-width {
-  min-width: 25ch;
+  min-width: v-bind(minWidth);
 }
 
 .max-width {