diff --git a/src/components/course/CourseMainContent.jsx b/src/components/course/CourseMainContent.jsx
index d67691e8ef..81fa3f95ca 100644
--- a/src/components/course/CourseMainContent.jsx
+++ b/src/components/course/CourseMainContent.jsx
@@ -34,7 +34,7 @@ const CourseMainContent = () => {
   return (
     <Col>
       {course.fullDescription && (
-        <div className="mb-5">
+        <div className="my-5">
           <h2>About</h2>
           {/* eslint-disable-next-line react/no-danger */}
           <div dangerouslySetInnerHTML={{ __html: course.fullDescription }} />
diff --git a/src/components/course/routes/CourseAbout.jsx b/src/components/course/routes/CourseAbout.jsx
index b84c6c07cc..aa261712cf 100644
--- a/src/components/course/routes/CourseAbout.jsx
+++ b/src/components/course/routes/CourseAbout.jsx
@@ -7,7 +7,7 @@ import CourseMainContent from '../CourseMainContent';
 const CourseAbout = () => (
   <>
     <CourseHeader />
-    <Container size="lg" className="py-5">
+    <Container size="lg">
       <Row>
         <CourseMainContent />
       </Row>