diff --git a/src/courseware/course/sequence/Sequence.jsx b/src/courseware/course/sequence/Sequence.jsx
index 12dd4b97e5..fade485074 100644
--- a/src/courseware/course/sequence/Sequence.jsx
+++ b/src/courseware/course/sequence/Sequence.jsx
@@ -13,7 +13,7 @@ import { useSelector } from 'react-redux';
 import { history } from '@edx/frontend-platform';
 import SequenceExamWrapper from '@edx/frontend-lib-special-exams';
 import { breakpoints, useWindowSize } from '@edx/paragon';
-import { LikeDislikeUnit } from '@edunext/frontend-essentials';
+import { ReportButton, LikeDislikeUnit } from '@edunext/frontend-essentials';
 
 import PageLoading from '../../../generic/PageLoading';
 import { useModel } from '../../../generic/model-store';
@@ -179,6 +179,7 @@ const Sequence = ({
             <>
               <div className="nelp-container">
                 <LikeDislikeUnit courseId={courseId} unitId={unitId} />
+                <ReportButton courseId={courseId} unitId={unitId} />
               </div>
 
               <UnitNavigation
diff --git a/src/courseware/course/sequence/Sequence.scss b/src/courseware/course/sequence/Sequence.scss
new file mode 100644
index 0000000000..b8ec625fc1
--- /dev/null
+++ b/src/courseware/course/sequence/Sequence.scss
@@ -0,0 +1,5 @@
+.nelp-container {
+	display: flex;
+	text-align: center;
+    justify-content: center;
+}
diff --git a/src/index.scss b/src/index.scss
index 1226179724..2391abe7e8 100755
--- a/src/index.scss
+++ b/src/index.scss
@@ -381,3 +381,4 @@
 @import "course-home/progress-tab/grades/course-grade/GradeBar.scss";
 @import "courseware/course/course-exit/CourseRecommendations";
 @import "product-tours/newUserCourseHomeTour/NewUserCourseHomeTourModal.scss";
+@import "courseware/course/sequence/Sequence.scss";