diff --git a/src/course-home/progress-tab/ProgressTab.jsx b/src/course-home/progress-tab/ProgressTab.jsx
index 1ff7e07a46..5a0f4a591a 100644
--- a/src/course-home/progress-tab/ProgressTab.jsx
+++ b/src/course-home/progress-tab/ProgressTab.jsx
@@ -59,10 +59,10 @@ const ProgressTab = () => {
           {!disableProgressGraph && <CourseCompletion />}
           {!wideScreen && isVisible('CertificateStatus') && <CertificateStatus />}
           {isVisible('Grades') && <CourseGrade />}
-          {isVisible('GradeBreakdown') && (
+          {(isVisible('GradeSummary') || isVisible('GradeDetails')) && (
             <div className={`grades my-4 p-4 rounded raised-card ${applyLockedOverlay}`} aria-hidden={gradesFeatureIsFullyLocked}>
-              <GradeSummary />
-              <DetailedGrades />
+              {isVisible('GradeSummary') && <GradeSummary />}
+              {isVisible('GradeDetails') && <DetailedGrades />}
             </div>
           )}
         </div>