diff --git a/client/src/pages/cockpit/cockpitPage/AttendanceOverview.vue b/client/src/pages/cockpit/cockpitPage/AttendanceOverview.vue
index 30b468b5..597956a9 100644
--- a/client/src/pages/cockpit/cockpitPage/AttendanceOverview.vue
+++ b/client/src/pages/cockpit/cockpitPage/AttendanceOverview.vue
@@ -51,7 +51,9 @@ const formattedCourseDueDate = computed(() => {
 </script>
 
 <template>
-  <div class="my-4 flex flex-row items-center justify-between bg-white p-6 lg:my-0">
+  <div
+    class="my-4 flex flex-col items-start justify-between gap-4 bg-white p-6 lg:my-0 lg:flex-row lg:items-center lg:gap-0"
+  >
     <div>
       <h2 class="text-base font-bold">Präsenzkurs</h2>
       <p class="text-sm text-gray-800">{{ formattedCourseDueDate }}</p>