diff --git a/client/src/templates/Challenges/components/challenge-transcript.css b/client/src/templates/Challenges/components/challenge-transcript.css
index 4a15e1069cc..3e620d93c37 100644
--- a/client/src/templates/Challenges/components/challenge-transcript.css
+++ b/client/src/templates/Challenges/components/challenge-transcript.css
@@ -1,3 +1,3 @@
-.challenge-transcript {
+.challenge-transcript-heading {
   cursor: pointer;
 }
diff --git a/client/src/templates/Challenges/components/challenge-transcript.tsx b/client/src/templates/Challenges/components/challenge-transcript.tsx
index ce21b734386..5ee58eafd06 100644
--- a/client/src/templates/Challenges/components/challenge-transcript.tsx
+++ b/client/src/templates/Challenges/components/challenge-transcript.tsx
@@ -16,8 +16,10 @@ function ChallengeTranscript({
 
   return (
     <>
-      <details className='challenge-transcript'>
-        <summary>{t('learn.transcript')}</summary>
+      <details>
+        <summary className='challenge-transcript-heading'>
+          {t('learn.transcript')}
+        </summary>
         <Spacer size='m' />
         <PrismFormatted className={'line-numbers'} text={transcript} />
       </details>