diff --git a/client/src/components/header/MainNavigationBar.vue b/client/src/components/header/MainNavigationBar.vue
index 75792952..e58a89a6 100644
--- a/client/src/components/header/MainNavigationBar.vue
+++ b/client/src/components/header/MainNavigationBar.vue
@@ -29,7 +29,7 @@ const {
   inCourse,
   inLearningPath,
   inMediaLibrary,
-  inDueDates,
+  inAppointments,
 } = useRouteLookups();
 
 const { t } = useTranslation();
@@ -49,6 +49,15 @@ const selectedCourseSessionTitle = computed(() => {
   return courseSessionsStore.currentCourseSession?.title;
 });
 
+const appointmentsUrl = computed(() => {
+  const currentCourseSession = courseSessionsStore.currentCourseSession;
+  if (currentCourseSession) {
+    return `/course/${currentCourseSession.course.slug}/appointments`;
+  } else {
+    return `/appointments`;
+  }
+});
+
 onMounted(() => {
   log.debug("MainNavigationBar mounted");
 });
@@ -167,12 +176,12 @@ onMounted(() => {
             <div class="flex items-stretch justify-start space-x-8">
               <router-link
                 v-if="userStore.loggedIn"
-                :to="`${''}/appointments`"
+                :to="appointmentsUrl"
                 data-cy="all-duedates-link"
-                class="nav-item-no-mobile"
-                :class="{ 'nav-item--active': inDueDates() }"
+                class="nav-item"
+                :class="{ 'nav-item--active': inAppointments() }"
               >
-                <it-icon-media-library class="h-8 w-8" />
+                <it-icon-calendar-light class="h-8 w-8" />
               </router-link>
 
               <router-link