diff --git a/client/src/components/header/AccountMenuContent.vue b/client/src/components/header/AccountMenuContent.vue
index c70f966b..7f38ea98 100644
--- a/client/src/components/header/AccountMenuContent.vue
+++ b/client/src/components/header/AccountMenuContent.vue
@@ -3,6 +3,7 @@ import CourseSessionsMenu from "@/components/header/CourseSessionsMenu.vue";
 import type { User } from "@/stores/user";
 import type { CourseSession } from "@/types";
 import { useRouteLookups } from "@/utils/route";
+import { computed } from "vue";
 import { useRouter } from "vue-router";
 
 const props = defineProps<{
@@ -16,6 +17,8 @@ const emit = defineEmits(["selectCourseSession", "logout", "close"]);
 const router = useRouter();
 const { inCourse } = useRouteLookups();
 
+const showCourseSessionMenu = computed(() => inCourse() && props.courseSessions.length);
+
 async function navigate(routeName: string) {
   await router.push({ name: routeName });
   emit("close");
@@ -43,7 +46,7 @@ async function navigate(routeName: string) {
       </div>
     </div>
 
-    <div v-if="props.courseSessions.length && inCourse()" class="border-b py-4">
+    <div v-if="showCourseSessionMenu" class="border-b py-4">
       <CourseSessionsMenu
         :items="courseSessions"
         :selected="selectedCourseSession"