diff --git a/src-ts/tools/learn/course-details/course-curriculum/CourseCurriculum.tsx b/src-ts/tools/learn/course-details/course-curriculum/CourseCurriculum.tsx
index d10236e5b..212974ace 100644
--- a/src-ts/tools/learn/course-details/course-curriculum/CourseCurriculum.tsx
+++ b/src-ts/tools/learn/course-details/course-curriculum/CourseCurriculum.tsx
@@ -1,9 +1,8 @@
 import { noop } from 'lodash'
 import { Dispatch, FC, SetStateAction, useCallback, useEffect, useState } from 'react'
 import { NavigateFunction, useNavigate, useSearchParams } from 'react-router-dom'
-import classNames from 'classnames'
 
-import { Button, UserProfile } from '../../../../lib'
+import { UserProfile } from '../../../../lib'
 import {
     CourseOutline,
     LearnCourse,
diff --git a/src-ts/tools/learn/learn-lib/data-providers/courses-provider/courses.provider.tsx b/src-ts/tools/learn/learn-lib/data-providers/courses-provider/courses.provider.tsx
index af4a5e52d..9ef5ce471 100644
--- a/src-ts/tools/learn/learn-lib/data-providers/courses-provider/courses.provider.tsx
+++ b/src-ts/tools/learn/learn-lib/data-providers/courses-provider/courses.provider.tsx
@@ -24,8 +24,13 @@ export function useGetCourses(
 
     const { data, error }: SWRResponse<ReadonlyArray<LearnCourse>> = useSWR(url, swrCacheConfig)
 
+    const course: LearnCourse | undefined = get(data, [0])
+
+    // sort modules by order property
+    course?.modules.sort((mA, mB) => mA.order - mB.order)
+
     return {
-        course: get(data, [0]),
+        course,
         loading: !data && !error,
         ready: !!data || !!error,
     }