diff --git a/public/js/app/components/CourseTitle.jsx b/public/js/app/components/CourseTitle.jsx
index 98e15f7f..56f82018 100644
--- a/public/js/app/components/CourseTitle.jsx
+++ b/public/js/app/components/CourseTitle.jsx
@@ -6,10 +6,9 @@ import { useFormatCredits } from '../hooks/useFormatCredits'
 
 const adminLink = (courseCode, languageShortname) => `/kursinfoadmin/kurser/kurs/${courseCode}?l=${languageShortname}`
 
-const CourseTitle = ({ courseTitleData = '', pageTitle, preparatory }) => {
+const CourseTitle = ({ courseTitleData = '', pageTitle, courseLevelCode }) => {
   const title = courseTitleData
-  // const preparatory = courseData.courseInfo.course_level_code
-  const isPreparatory = preparatory == 'PREPARATORY' ? true : false
+  const isPreparatory = courseLevelCode === 'PREPARATORY'
   const { translation, languageShortname } = useLanguage()
   const { formatCredits } = useFormatCredits()
   const adminLinkLabel = translation.courseLabels.label_edit
diff --git a/public/js/app/pages/CoursePage.jsx b/public/js/app/pages/CoursePage.jsx
index ba914ad1..65f660dc 100644
--- a/public/js/app/pages/CoursePage.jsx
+++ b/public/js/app/pages/CoursePage.jsx
@@ -129,7 +129,7 @@ function CoursePage() {
         <CourseTitle
           key="title"
           courseTitleData={courseData.courseTitleData}
-          preparatory={courseData.courseInfo.course_level_code}
+          courseLevelCode={courseData.courseInfo.course_level_code}
           language={languageShortname}
           pageTitle={translation.courseLabels.sideMenu.page_before_course}
         />