diff --git a/src/components/Challenge/challengeCardDone.scss b/src/components/Challenge/challengeCardDone.scss
index f0044b838d21dc93eeec4503739705b850830754..b2b80c1ad974c4bbdd9900e1b9b5816e717bc20f 100644
--- a/src/components/Challenge/challengeCardDone.scss
+++ b/src/components/Challenge/challengeCardDone.scss
@@ -14,13 +14,15 @@
   }
   .iconResult {
     display: flex;
-  }
-  .imgResult {
     @media all and(max-height: 700px) {
-      width: 80%;
+      width: 55%;
       margin: auto;
     }
   }
+  .imgResult {
+    width: 100%;
+    height: 100%;
+  }
   .labelResult {
     font-weight: bold;
     font-size: 24px;
diff --git a/src/components/Challenge/challengeCardLocked.scss b/src/components/Challenge/challengeCardLocked.scss
index a39157c6c27fcd455fff7733a18eef7c1081f92c..35d10645f1eb0de597b6f2f9d60cd867728dbf49 100644
--- a/src/components/Challenge/challengeCardLocked.scss
+++ b/src/components/Challenge/challengeCardLocked.scss
@@ -4,7 +4,7 @@
   filter: drop-shadow(0px 4px 16px rgba(0, 0, 0, 0.55));
   .challengeIcon {
     @media all and(max-height: 700px) {
-      width: 70%;
+      width: 60%;
       margin: auto;
     }
   }
diff --git a/src/components/Challenge/challengeCardOnGoing.scss b/src/components/Challenge/challengeCardOnGoing.scss
index 6025b743814d701232ad64ab357b10a38a2eac43..e616648b22897d476822625d2d14988aa5918299 100644
--- a/src/components/Challenge/challengeCardOnGoing.scss
+++ b/src/components/Challenge/challengeCardOnGoing.scss
@@ -21,17 +21,18 @@
   margin: auto;
   top: -1rem;
   background: rgba(27, 28, 34, 1);
-  max-width: 190px;
+  width: fit-content;
+  padding: 0 1rem;
+  max-width: 235px;
 }
 .smallCard {
-  // outline: none;
   border: none;
   width: 100%;
   background: linear-gradient(180deg, #323339 0%, #25262b 100%);
   height: 24%;
   max-height: 90px;
   margin: 0.5rem 0;
-  padding: 9%;
+  padding: 8%;
   box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);
   border-radius: 4px;
   color: $grey-bright;
@@ -42,11 +43,11 @@
 
   @media all and(max-height: 800px) {
     max-height: 85px;
-    padding: 8%;
+    padding: 6%;
   }
   @media all and(max-height: 730px) {
     max-height: 70px;
-    padding: 6%;
+    padding: 3%;
   }
   &.finished {
     border: 1px solid #7b7b7b;
diff --git a/src/components/Challenge/challengeCardUnlocked.scss b/src/components/Challenge/challengeCardUnlocked.scss
index 868c4daf45d4ca6d0624b8426dee40730c96e08a..643b024ea098228bd9db084b5cab3abb3c761640 100644
--- a/src/components/Challenge/challengeCardUnlocked.scss
+++ b/src/components/Challenge/challengeCardUnlocked.scss
@@ -15,7 +15,7 @@
   }
   .challengeIcon {
     @media all and(max-height: 700px) {
-      width: 80%;
+      width: 65%;
       margin: auto;
     }
   }