diff --git a/static/js/components/dashboard/CourseListCard.js b/static/js/components/dashboard/CourseListCard.js
index 6782ce8692..ff0eb72da7 100644
--- a/static/js/components/dashboard/CourseListCard.js
+++ b/static/js/components/dashboard/CourseListCard.js
@@ -126,7 +126,10 @@ export default class CourseListCard extends React.Component {
             {showStaffView ? `Courses - ${program.title}` : "Required Courses"}
           </h2>
           {showStaffView ? null : this.renderGradesOutOfDateMessage()}
-          {courseRows}
+          <div className="parent-overlay">
+            <div className="overlay" />
+            {courseRows}
+          </div>
         </CardContent>
       </Card>
     )
diff --git a/static/scss/dashboard/dashboard.scss b/static/scss/dashboard/dashboard.scss
index fff74f4ead..c054660f81 100644
--- a/static/scss/dashboard/dashboard.scss
+++ b/static/scss/dashboard/dashboard.scss
@@ -20,6 +20,22 @@
   font-weight: 600;
 }
 
+.parent-overlay {
+  position: relative;
+  height: 100%;
+  width: 100%;
+}
+
+.overlay {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  display: block;
+  z-index: 999;
+  background-color: black;
+  opacity: 0.2;
+}
+
 .dashboard {
 
   h2 {