diff --git a/src/shared/components/challenge-detail/Checkpoints/index.jsx b/src/shared/components/challenge-detail/Checkpoints/index.jsx
index 1669ddae07..0d25f4b522 100644
--- a/src/shared/components/challenge-detail/Checkpoints/index.jsx
+++ b/src/shared/components/challenge-detail/Checkpoints/index.jsx
@@ -60,7 +60,7 @@ const Checkpoints = (props) => {
                 <p
                   styleName="challenge-checkpoint-feedback"
                   dangerouslySetInnerHTML={{ // eslint-disable-line react/no-danger
-                    __html: item.feedback,
+                    __html: item.feedback || '<span>Empty Feedback</span>',
                   }}
                 />
               }
diff --git a/src/shared/components/challenge-detail/Checkpoints/styles.scss b/src/shared/components/challenge-detail/Checkpoints/styles.scss
index ecbd33115b..4adef10ae0 100644
--- a/src/shared/components/challenge-detail/Checkpoints/styles.scss
+++ b/src/shared/components/challenge-detail/Checkpoints/styles.scss
@@ -109,6 +109,10 @@ $tc-gray-border: #aaaab5;
         color: $tc-gray-90;
         line-height: 25px;
         padding: 15px 15px 25px;
+
+        span {
+          color: $tc-gray-40;
+        }
       }
     }
   }