diff --git a/src/plugin-slots/ProgressTabCertificateStatusSlot/README.md b/src/plugin-slots/ProgressTabCertificateStatusSlot/README.md
index f4d29f3be3..18c8c748f1 100644
--- a/src/plugin-slots/ProgressTabCertificateStatusSlot/README.md
+++ b/src/plugin-slots/ProgressTabCertificateStatusSlot/README.md
@@ -6,14 +6,14 @@
 
 ## Description
 
-This slot is used to replace or modify the Certificate Status component in the 
+This slot is used to replace or modify the Certificate Status component in the
 Progress Tab.
 
 ## Example
 
 The following `env.config.jsx` will render the `course_id` and `unit_id` of the course as `<p>` elements in a `<div>`.
 
-![Screenshot of Content added after the Sequence Container](./images/post_sequence_container.png)
+![Screenshot of Content added after the Certificate Status Container](./images/progress_tab_certificate_status_slot.png)
 
 ```js
 import { DIRECT_PLUGIN, PLUGIN_OPERATIONS } from '@openedx/frontend-plugin-framework';
diff --git a/src/plugin-slots/ProgressTabCertificateStatusSlot/images/progress_tab_certificate_status_slot.png b/src/plugin-slots/ProgressTabCertificateStatusSlot/images/progress_tab_certificate_status_slot.png
new file mode 100644
index 0000000000..4f5858d4a9
Binary files /dev/null and b/src/plugin-slots/ProgressTabCertificateStatusSlot/images/progress_tab_certificate_status_slot.png differ
diff --git a/src/plugin-slots/ProgressTabCourseGradeSlot/README.md b/src/plugin-slots/ProgressTabCourseGradeSlot/README.md
index bf7190ecb0..35ece9f093 100644
--- a/src/plugin-slots/ProgressTabCourseGradeSlot/README.md
+++ b/src/plugin-slots/ProgressTabCourseGradeSlot/README.md
@@ -12,7 +12,7 @@ This slot is used to replace or modify the Course Grades view in the Progress Ta
 
 The following `env.config.jsx` will render the `course_id` and `unit_id` of the course as `<p>` elements in a `<div>`.
 
-![Screenshot of Content added after the Sequence Container](./images/post_sequence_container.png)
+![Screenshot of Content added after the Grades Container](./images/progress_tab_course_grade_slot.png)
 
 ```js
 import { DIRECT_PLUGIN, PLUGIN_OPERATIONS } from '@openedx/frontend-plugin-framework';
diff --git a/src/plugin-slots/ProgressTabCourseGradeSlot/images/progress_tab_course_grade_slot.png b/src/plugin-slots/ProgressTabCourseGradeSlot/images/progress_tab_course_grade_slot.png
new file mode 100644
index 0000000000..82a15f26bf
Binary files /dev/null and b/src/plugin-slots/ProgressTabCourseGradeSlot/images/progress_tab_course_grade_slot.png differ
diff --git a/src/plugin-slots/ProgressTabGradeBreakdownSlot/README.md b/src/plugin-slots/ProgressTabGradeBreakdownSlot/README.md
index da8fdb657d..cddd20c294 100644
--- a/src/plugin-slots/ProgressTabGradeBreakdownSlot/README.md
+++ b/src/plugin-slots/ProgressTabGradeBreakdownSlot/README.md
@@ -1,25 +1,25 @@
-# Progress Tab Grade Summary Slot
+# Progress Tab Grade Breakdown Slot
 
-### Slot ID: `progress_tab_grade_summary_slot`
+### Slot ID: `progress_tab_grade_breakdown_slot`
 ### Props:
 * `courseId`
 
 ## Description
 
-This slot is used to replace or modify the Grade Summary view in the Progress Tab.
+This slot is used to replace or modify the Grade Summary and Details Breakdown view in the Progress Tab.
 
 ## Example
 
 The following `env.config.jsx` will render the `course_id` and `unit_id` of the course as `<p>` elements in a `<div>`.
 
-![Screenshot of Content added after the Sequence Container](./images/post_sequence_container.png)
+![Screenshot of Content added after the Grade Summary and Details Container](./images/progress_tab_grade_breakdown_slot.png)
 
 ```js
 import { DIRECT_PLUGIN, PLUGIN_OPERATIONS } from '@openedx/frontend-plugin-framework';
 
 const config = {
   pluginSlots: {
-    progress_tab_grade_summary_slot: {
+    progress_tab_grade_breakdown_slot: {
       plugins: [
         {
           // Insert custom content after grade summary widget
diff --git a/src/plugin-slots/ProgressTabGradeBreakdownSlot/images/progress_tab_grade_breakdown_slot.png b/src/plugin-slots/ProgressTabGradeBreakdownSlot/images/progress_tab_grade_breakdown_slot.png
new file mode 100644
index 0000000000..03df7a4a87
Binary files /dev/null and b/src/plugin-slots/ProgressTabGradeBreakdownSlot/images/progress_tab_grade_breakdown_slot.png differ
diff --git a/src/plugin-slots/ProgressTabRelatedLinksSlot/README.md b/src/plugin-slots/ProgressTabRelatedLinksSlot/README.md
index c70a044d5a..2050827966 100644
--- a/src/plugin-slots/ProgressTabRelatedLinksSlot/README.md
+++ b/src/plugin-slots/ProgressTabRelatedLinksSlot/README.md
@@ -12,7 +12,7 @@ This slot is used to replace or modify the related links view in the Progress Ta
 
 The following `env.config.jsx` will render the `course_id` and `unit_id` of the course as `<p>` elements in a `<div>`.
 
-![Screenshot of Content added after the Sequence Container](./images/post_sequence_container.png)
+![Screenshot of Content added after the Related Links Container](./images/progress_tab_related_links_slot.png)
 
 ```js
 import { DIRECT_PLUGIN, PLUGIN_OPERATIONS } from '@openedx/frontend-plugin-framework';
diff --git a/src/plugin-slots/ProgressTabRelatedLinksSlot/images/progress_tab_related_links_slot.png b/src/plugin-slots/ProgressTabRelatedLinksSlot/images/progress_tab_related_links_slot.png
new file mode 100644
index 0000000000..5ad62f9143
Binary files /dev/null and b/src/plugin-slots/ProgressTabRelatedLinksSlot/images/progress_tab_related_links_slot.png differ