chore(challenge): use gap

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)}

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 {