From 3f350df7e2ce8af89f89a21350eb363b48aef0c6 Mon Sep 17 00:00:00 2001
From: Huyen Nguyen <25715018+huyenltnguyen@users.noreply.github.com>
Date: Tue, 24 Dec 2024 02:45:43 +0700
Subject: [PATCH] fix(client): cursor type in challenge explanation (#57708)

---
 .../Challenges/components/challenge-explanation.css         | 2 +-
 .../Challenges/components/challenge-explanation.tsx         | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/client/src/templates/Challenges/components/challenge-explanation.css b/client/src/templates/Challenges/components/challenge-explanation.css
index c9fd943be59..d81c7e6726e 100644
--- a/client/src/templates/Challenges/components/challenge-explanation.css
+++ b/client/src/templates/Challenges/components/challenge-explanation.css
@@ -1,3 +1,3 @@
-.explanation {
+.challenge-summary {
   cursor: pointer;
 }
diff --git a/client/src/templates/Challenges/components/challenge-explanation.tsx b/client/src/templates/Challenges/components/challenge-explanation.tsx
index 4f5190d8e4d..4470f1c1a8a 100644
--- a/client/src/templates/Challenges/components/challenge-explanation.tsx
+++ b/client/src/templates/Challenges/components/challenge-explanation.tsx
@@ -16,8 +16,10 @@ function ChallengeExplanation({
 
   return (
     <>
-      <details className='explanation'>
-        <summary>{t('learn.explanation')}</summary>
+      <details>
+        <summary className='challenge-summary'>
+          {t('learn.explanation')}
+        </summary>
         <Spacer size='m' />
         <PrismFormatted className={'line-numbers'} text={explanation} />
       </details>