diff --git a/client/src/templates/Introduction/components/super-block-accordion.css b/client/src/templates/Introduction/components/super-block-accordion.css
index 6e9b5f21dca..b394ad59e11 100644
--- a/client/src/templates/Introduction/components/super-block-accordion.css
+++ b/client/src/templates/Introduction/components/super-block-accordion.css
@@ -117,6 +117,7 @@ button .block-header-button-text {
 
 .super-block-accordion .module-steps {
   font-size: 0.75em;
+  color: var(--quaternary-color);
 }
 
 .super-block-accordion .chapter-button:hover,
diff --git a/client/src/templates/Introduction/components/super-block-accordion.tsx b/client/src/templates/Introduction/components/super-block-accordion.tsx
index c397d32963b..388580e8642 100644
--- a/client/src/templates/Introduction/components/super-block-accordion.tsx
+++ b/client/src/templates/Introduction/components/super-block-accordion.tsx
@@ -189,6 +189,16 @@ const Module = ({
           </span>
           {t(`intro:${superBlock}.modules.${dashedName}`)}
         </div>
+        <div className='module-button-right'>
+          {!comingSoon && !!totalSteps && (
+            <span className='module-steps'>
+              {t('learn.steps-completed', {
+                totalSteps,
+                completedSteps
+              })}
+            </span>
+          )}
+        </div>
       </Disclosure.Button>
       <Disclosure.Panel as='ul' className='module-panel'>
         {comingSoon && (