diff --git a/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.tsx b/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.tsx index ecd61187a90d559d0fac0a08f6d1b9319af8f0c1..ec66ecbaaa8c37c70d9a38835794d5d0c6f96097 100644 --- a/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.tsx +++ b/src/components/Challenge/ChallengeCardDone/ChallengeCardDone.tsx @@ -93,8 +93,8 @@ const ChallengeCardDone = ({ <div className="statsResult"> <div className={classNames('labelResult', { - ['win']: userChallenge.success === UserChallengeSuccess.WIN, - ['lost']: userChallenge.success === UserChallengeSuccess.LOST, + win: userChallenge.success === UserChallengeSuccess.WIN, + lost: userChallenge.success === UserChallengeSuccess.LOST, })} > {getResultLabel(userChallenge)} diff --git a/src/components/Challenge/ChallengeCardDone/challengeCardDone.scss b/src/components/Challenge/ChallengeCardDone/challengeCardDone.scss index ec6af5ef49933579459bc3a750a488169bcdc6af..2dee0dd35261aaeb868aee9e3b9179b565b76c2d 100644 --- a/src/components/Challenge/ChallengeCardDone/challengeCardDone.scss +++ b/src/components/Challenge/ChallengeCardDone/challengeCardDone.scss @@ -30,7 +30,6 @@ font-size: 28px; line-height: 120%; text-transform: uppercase; - margin-bottom: 0.5rem; } .win { color: $gold-shadow; @@ -40,6 +39,9 @@ } .statsResult { text-align: center; + display: flex; + flex-direction: column; + gap: 0.5rem; } .buttons {