diff --git a/client/src/components/dashboard/CoursePanel.vue b/client/src/components/dashboard/CoursePanel.vue
index a02fca17..8ac1af3b 100644
--- a/client/src/components/dashboard/CoursePanel.vue
+++ b/client/src/components/dashboard/CoursePanel.vue
@@ -90,7 +90,7 @@ function hasActionButton(): boolean {
   >
     <div class="flex flex-col space-y-8 bg-white p-6">
       <div class="border-b border-gray-300 pb-8">
-        <div class="flex flex-row items-start justify-between">
+        <div class="flex flex-row flex-wrap items-start justify-between pb-3 sm:pb-0">
           <h3 class="mb-4 text-3xl" data-cy="db-course-title">{{ courseName }}</h3>
           <a
             v-if="hasActionButton()"
diff --git a/client/src/components/dashboard/UkStatistics.vue b/client/src/components/dashboard/UkStatistics.vue
index 7f26191c..89581a60 100644
--- a/client/src/components/dashboard/UkStatistics.vue
+++ b/client/src/components/dashboard/UkStatistics.vue
@@ -64,7 +64,7 @@ onMounted(async () => {
 <template>
   <div v-if="statistics" class="space-y-8">
     <div
-      class="flex flex-col flex-wrap justify-between gap-x-5 border-b border-gray-300 pb-8 last:border-0 md:flex-row"
+      class="flex flex-col flex-wrap justify-between gap-x-5 gap-y-5 border-b border-gray-300 pb-8 last:border-0 md:flex-row"
     >
       <AttendanceSummaryBox
         class="flex-grow"
@@ -80,7 +80,7 @@ onMounted(async () => {
       />
     </div>
     <div
-      class="flex flex-col flex-wrap gap-x-5 border-b border-gray-300 align-top last:border-0 md:flex-row"
+      class="flex flex-col flex-wrap gap-x-5 gap-y-5 border-b border-gray-300 align-top last:border-0 md:flex-row"
     >
       <FeedbackSummaryBox
         :feedback-count="feebackSummary.total_responses"
diff --git a/client/src/components/header/CoursePreviewBar.vue b/client/src/components/header/CoursePreviewBar.vue
index 1e7bc3ba..07ba7543 100644
--- a/client/src/components/header/CoursePreviewBar.vue
+++ b/client/src/components/header/CoursePreviewBar.vue
@@ -15,7 +15,7 @@ const { t } = useTranslation();
     <nav class="bg-yellow-500">
       <div class="mx-auto px-4 lg:px-8">
         <div
-          class="relative flex h-16 w-full flex-col items-center justify-end space-x-8 lg:flex-row lg:items-stretch lg:justify-center"
+          class="relative flex h-auto min-h-16 w-full flex-col items-center justify-end space-x-8 lg:flex-row lg:items-stretch lg:justify-center"
         >
           <span class="flex items-center px-1 pt-1 font-bold text-black">
             {{ t("a.Vorschau Teilnehmer") }} ({{ courseSession.title }})
diff --git a/client/src/components/userProfile/UserProfileContent.vue b/client/src/components/userProfile/UserProfileContent.vue
index 77eb78d1..448e4f68 100644
--- a/client/src/components/userProfile/UserProfileContent.vue
+++ b/client/src/components/userProfile/UserProfileContent.vue
@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="flex flex-col sm:flex-row">
     <div class="flex-none border-r bg-white p-4 lg:p-8">
       <slot name="side"></slot>
     </div>
diff --git a/client/src/pages/cockpit/attendanceCheckPage/AttendanceCheckPage.vue b/client/src/pages/cockpit/attendanceCheckPage/AttendanceCheckPage.vue
index 09d2c144..616aafe7 100644
--- a/client/src/pages/cockpit/attendanceCheckPage/AttendanceCheckPage.vue
+++ b/client/src/pages/cockpit/attendanceCheckPage/AttendanceCheckPage.vue
@@ -177,12 +177,15 @@ watch(
         </button>
       </div>
       <section v-if="attendanceCourses.length && state.attendanceCourseSelected">
-        <div class="flex flex-row justify-between bg-white p-6">
+        <div class="flex flex-row flex-wrap justify-between bg-white p-6">
           <ItDropdownSelect
             v-model="state.attendanceCourseSelected"
             :items="presenceCoursesDropdownOptions ?? []"
           ></ItDropdownSelect>
-          <div v-if="!state.attendanceSaved" class="flex flex-row items-center">
+          <div
+            v-if="!state.attendanceSaved"
+            class="flex flex-row flex-wrap items-center space-y-2 md:space-y-0"
+          >
             <ItCheckbox
               :checkbox-item="{
                 value: true,
diff --git a/client/src/pages/dashboard/statistic/AttendanceList.vue b/client/src/pages/dashboard/statistic/AttendanceList.vue
index 693049e5..5ec8b28d 100644
--- a/client/src/pages/dashboard/statistic/AttendanceList.vue
+++ b/client/src/pages/dashboard/statistic/AttendanceList.vue
@@ -64,7 +64,7 @@ async function exportData() {
         :items="courseStatistics.attendance_day_presences.records"
       >
         <template #default="{ item }">
-          <div class="flex justify-between">
+          <div class="flex flex-wrap justify-between">
             <div>
               <h4 class="font-bold">
                 {{ $t("a.Präsenztag") }}: Circle «{{
diff --git a/client/src/pages/dashboard/statistic/CompetenceList.vue b/client/src/pages/dashboard/statistic/CompetenceList.vue
index 9a8e2ceb..50e904de 100644
--- a/client/src/pages/dashboard/statistic/CompetenceList.vue
+++ b/client/src/pages/dashboard/statistic/CompetenceList.vue
@@ -25,7 +25,7 @@ const props = defineProps<{
         :items="courseStatistics.competences.records"
       >
         <template #default="{ item }">
-          <div class="flex justify-between">
+          <div class="flex flex-wrap justify-between space-y-2 md:space-y-0">
             <div>
               <h4 class="font-bold">
                 {{ $t("a.Selbsteinschätzung") }}:
diff --git a/client/src/pages/dashboard/statistic/FeedbackList.vue b/client/src/pages/dashboard/statistic/FeedbackList.vue
index 2988d7c4..bb5aeabb 100644
--- a/client/src/pages/dashboard/statistic/FeedbackList.vue
+++ b/client/src/pages/dashboard/statistic/FeedbackList.vue
@@ -52,7 +52,7 @@ async function exportData() {
         :items="courseStatistics.feedback_responses.records"
       >
         <template #default="{ item }">
-          <div class="flex justify-between">
+          <div class="flex flex-wrap justify-between space-y-2 md:space-y-0">
             <div>
               <h4 class="font-bold">
                 Feedback: Circle «{{ circleMeta(item.circle_id)?.name }}»