diff --git a/src/course-outline/CourseOutline.jsx b/src/course-outline/CourseOutline.jsx
index c9ec8acf89..a33beb4839 100644
--- a/src/course-outline/CourseOutline.jsx
+++ b/src/course-outline/CourseOutline.jsx
@@ -7,6 +7,7 @@ import {
Layout,
TransitionReplace,
} from '@edx/paragon';
+import { Helmet } from 'react-helmet';
import {
Add as IconAdd,
CheckCircle as CheckCircleIcon,
@@ -71,8 +72,6 @@ const CourseOutline = ({ courseId }) => {
handleNewSectionSubmit,
} = useCourseOutline({ courseId });
- document.title = getPageHeadTitle(courseName, intl.formatMessage(messages.headingTitle));
-
const {
isShow: isShowProcessingNotification,
title: processingNotificationTitle,
@@ -85,6 +84,9 @@ const CourseOutline = ({ courseId }) => {
return (
<>
+
+ {getPageHeadTitle(courseName, intl.formatMessage(messages.headingTitle))}
+