diff --git a/client/src/components/dueDates/DueDateSingle.vue b/client/src/components/dueDates/DueDateSingle.vue
index d40dfb59..3f2c6d59 100644
--- a/client/src/components/dueDates/DueDateSingle.vue
+++ b/client/src/components/dueDates/DueDateSingle.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="p-1">
-    <p class="text-bold">{{ dueDate.title }}</p>
-    <div>{{ formatDate(dueDate.start, dueDate.end) }}</div>
+    <p class="text-bold">{{ props.dueDate.title }}</p>
+    <div>{{ formatDate(props.dueDate.start, props.dueDate.end) }}</div>
     <a :href="dueDate.url" target="_blank">Details anschauen</a>
   </div>
 </template>
@@ -9,9 +9,8 @@
 <script lang="ts" setup>
 import { formatDate } from "@/components/dueDates/dueDatesUtils";
 import type { DueDate } from "@/types";
-import { defineProps } from "vue";
 
-defineProps<{
+const props = defineProps<{
   dueDate: DueDate;
 }>();
 </script>
diff --git a/client/src/components/dueDates/DueDatesLongList.vue b/client/src/components/dueDates/DueDatesLongList.vue
index 85e8e0cf..786b45a3 100644
--- a/client/src/components/dueDates/DueDatesLongList.vue
+++ b/client/src/components/dueDates/DueDatesLongList.vue
@@ -18,15 +18,11 @@
 </template>
 
 <script lang="ts" setup>
-import { formatDate } from "@/components/dueDates/dueDatesUtils.ts";
+import { formatDate } from "@/components/dueDates/dueDatesUtils";
 import type { DueDate } from "@/types";
-import { defineProps } from "vue";
 
 const props = defineProps<{
-  maxCount: {
-    default: 10;
-    type: number;
-  };
+  maxCount: number;
   dueDates: DueDate[];
 }>();
 </script>
diff --git a/client/src/components/dueDates/DueDatesShortList.vue b/client/src/components/dueDates/DueDatesShortList.vue
index e4352088..58dae48f 100644
--- a/client/src/components/dueDates/DueDatesShortList.vue
+++ b/client/src/components/dueDates/DueDatesShortList.vue
@@ -12,14 +12,10 @@
 <script lang="ts" setup>
 import SingleDueDate from "@/components/dueDates/DueDateSingle.vue";
 import { useCurrentCourseSession } from "@/composables";
-import { defineProps } from "vue";
 
 // TODO: MaxCount is not working
 const props = defineProps<{
-  maxCount: {
-    default: 3;
-    type: number;
-  };
+  maxCount: number;
 }>();
 
 const courseSession = useCurrentCourseSession();
diff --git a/client/src/pages/DashboardPage.vue b/client/src/pages/DashboardPage.vue
index e97c97bc..688b343e 100644
--- a/client/src/pages/DashboardPage.vue
+++ b/client/src/pages/DashboardPage.vue
@@ -77,7 +77,7 @@ const getNextStepLink = (courseSession: CourseSession) => {
         </div>
         <div>
           <h3 class="mb-6">Termine</h3>
-          <DueDatesLongList :due-dates="allDueDates"></DueDatesLongList>
+          <DueDatesLongList :due-dates="allDueDates" :max-count="10"></DueDatesLongList>
         </div>
       </div>
     </main>
diff --git a/client/src/pages/learningPath/learningPathPage/LearningPathPage.vue b/client/src/pages/learningPath/learningPathPage/LearningPathPage.vue
index 4fcb1fdc..9b594552 100644
--- a/client/src/pages/learningPath/learningPathPage/LearningPathPage.vue
+++ b/client/src/pages/learningPath/learningPathPage/LearningPathPage.vue
@@ -92,7 +92,7 @@ const changeViewType = (viewType: ViewType) => {
 
       <!-- Right -->
       <div v-if="!useMobileLayout" class="max-w-md">
-        <DueDatesShortList></DueDatesShortList>
+        <DueDatesShortList :max-count="3"></DueDatesShortList>
       </div>
     </div>
 
diff --git a/client/src/types.ts b/client/src/types.ts
index 73a4d964..6f25ce92 100644
--- a/client/src/types.ts
+++ b/client/src/types.ts
@@ -1,6 +1,6 @@
 import type { AssignmentCompletionStatus as AssignmentCompletionStatusGenerated } from "@/gql/graphql";
 import type { Circle } from "@/services/circle";
-import { Dayjs } from "dayjs";
+import type { Dayjs } from "dayjs";
 import type { Component } from "vue";
 
 export type LoginMethod = "local" | "sso";