fix: chip mis-alignment in course about page

open-craft · Apr 29, 2024 · 6ccd788 · 6ccd788
1 parent 5b7fb13
commit 6ccd788
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/components/course/course-header/CourseHeader.jsx b/src/components/course/course-header/CourseHeader.jsx
@@ -10,7 +10,7 @@ import {
 } from '@edx/paragon';
 import { Link } from 'react-router-dom';
 import { AppContext } from '@edx/frontend-platform/react';
-import { AccessTimeFilled } from '@edx/paragon/icons';
+import { AccessTimeFilled, School } from '@edx/paragon/icons';
 import { ReactComponent as Book2 } from '@material-symbols/svg-400/outlined/book_2-fill.svg';
 
 import { CourseContext } from '../CourseContextProvider';
@@ -98,9 +98,9 @@ const CourseHeader = () => {
             />
           </Col>
           <Col xs={12} md={7} className="d-flex flex-column justify-content-center">
-            <div className="mb-4">
+            <div className="mb-4 d-flex">
               <FullChip icon={Book2} accent="mortar" text="COURSE" />
-              { isEnrolled && (<FullChip accent="indigo" text="Enrolled" />) }
+              { isEnrolled && (<FullChip icon={School} accent="indigo" text="ENROLLED" />) }
             </div>
             <div className={classNames({ 'mb-4': !course.shortDescription, 'd-flex': true, 'align-items-center': true })}>
               <h2>{course.title}</h2>