diff --git a/resources/vue/components/MyCourses.vue b/resources/vue/components/MyCourses.vue
index 3e99ad79f794917dd0e415a09523fbe006fc984f..769d3152a4efafb6e3cf92772d9b1297c11bae84 100644
--- a/resources/vue/components/MyCourses.vue
+++ b/resources/vue/components/MyCourses.vue
@@ -72,3 +72,14 @@ export default {
     }
 }
 </script>
+
+<style lang="scss">
+.course-hidden-info {
+    white-space: nowrap;
+
+    img,
+    svg {
+        vertical-align: text-bottom;
+    }
+}
+</style>
diff --git a/resources/vue/components/MyCoursesTables.vue b/resources/vue/components/MyCoursesTables.vue
index 0a5abad846c17a0a0739ec5c2b2dc9bc8d35f039..00b24459c31ac325784ef07053e4807b1007eee9 100644
--- a/resources/vue/components/MyCoursesTables.vue
+++ b/resources/vue/components/MyCoursesTables.vue
@@ -48,12 +48,11 @@
                         <a :href="urlFor('seminar_main.php', {auswahl: course.id})">
                             {{ getCourseName(course, getConfig('sem_number') && responsiveDisplay) }}
                             <span v-if="course.is_deputy">{{ $gettext('[Vertretung]') }}</span>
-
-                            <span v-if="course.is_hidden">
-                                {{ $gettext('[versteckt]') }}
-                                <studip-tooltip-icon :text="getHiddenTooltip(course)"></studip-tooltip-icon>
-                            </span>
                         </a>
+                        <span v-if="course.is_hidden" class="course-hidden-info">
+                            {{ $gettext('[versteckt]') }}
+                            <studip-tooltip-icon :text="getHiddenTooltip(course)"></studip-tooltip-icon>
+                        </span>
                         <div v-if="responsiveDisplay" class="mycourse_elements">
                             <div class="special_nav">
                                 <studip-action-menu :items="getActionMenuForCourse(course)"
diff --git a/resources/vue/components/MyCoursesTiles.vue b/resources/vue/components/MyCoursesTiles.vue
index 71c5b6453842cb9d1f9d2413f6e07104b789cc6d..236ba6899dc5cee78ac5ad56aa2030813d994a33 100644
--- a/resources/vue/components/MyCoursesTiles.vue
+++ b/resources/vue/components/MyCoursesTiles.vue
@@ -30,12 +30,13 @@
                                         {{ getCourseName(course, getConfig('sem_number')) }}
                                         <span v-if="course.is_deputy">{{ $gettext('[Vertretung]') }}</span>
 
-                                        <span v-if="course.is_hidden">
-                                            {{ $gettext('[versteckt]') }}
-                                            <studip-tooltip-icon :text="getHiddenTooltip(course)"></studip-tooltip-icon>
-                                        </span>
                                     </span>
                                 </a>
+
+                                <span v-if="course.is_hidden" class="course-hidden-info">
+                                    {{ $gettext('[versteckt]') }}
+                                    <studip-tooltip-icon :text="getHiddenTooltip(course)"></studip-tooltip-icon>
+                                </span>
                             </header>
                             <footer class="tiles-grid-element-footer">
                                 <my-courses-navigation :navigation="getNavigationForCourse(course)" :icon-size="iconSize"></my-courses-navigation>
@@ -188,9 +189,6 @@ $tile-padding: 10px;
 
     .tiles-grid-element-header {
         flex: 0 $header-size;
-    }
-
-    .tiled-grid-element-header-title {
         display: -webkit-box;
         -webkit-line-clamp: 3;
         -webkit-box-orient: vertical;
@@ -198,6 +196,9 @@ $tile-padding: 10px;
         overflow: hidden;
     }
 
+    //.tiled-grid-element-header-title {
+    //}
+
     .tiles-grid-element-header-image {
         float: left;
         display: block;