diff --git a/src/components/Challenge/challengeCard.scss b/src/components/Challenge/challengeCard.scss
index 17ca524a3559185768f0969a217df639a0a3bfb8..8088fe285dec927eb17a824e23342866fcc29239 100644
--- a/src/components/Challenge/challengeCard.scss
+++ b/src/components/Challenge/challengeCard.scss
@@ -1,7 +1,7 @@
 @import '../../styles/base/color';
 
 .slide {
-  margin: 1rem 1rem 1rem 0;
+  margin: 0 1rem 0 0;
   box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);
   border-radius: 4px;
   transition: all 300ms ease;
@@ -19,7 +19,7 @@
     width: 100%;
     height: inherit;
     box-sizing: border-box;
-    padding: 5% 10%;
+    padding: 1rem;
     transition: all 300ms ease;
     border-radius: 4px;
   }
diff --git a/src/components/Challenge/challengeCardDone.scss b/src/components/Challenge/challengeCardDone.scss
index b3441faaf7d2bdc04d64316c37841213bf51f588..1b7fd3ba8d9e505f853c63afce38cf8ecf4a6718 100644
--- a/src/components/Challenge/challengeCardDone.scss
+++ b/src/components/Challenge/challengeCardDone.scss
@@ -10,7 +10,6 @@
     justify-content: space-between;
     gap: 1rem;
     align-items: center;
-    padding: 5% !important;
 
     .challengeName {
       text-align: center;
diff --git a/src/components/Challenge/challengeCardOnGoing.scss b/src/components/Challenge/challengeCardOnGoing.scss
index d86d01acafe11d67fc9f1df36201c91f94ce1c19..ce9b54f8b2aab96d482f758dffae3f82c2d7fff2 100644
--- a/src/components/Challenge/challengeCardOnGoing.scss
+++ b/src/components/Challenge/challengeCardOnGoing.scss
@@ -13,6 +13,7 @@
   display: flex;
   flex-direction: column;
   justify-content: center;
+  gap: 1rem;
 }
 .titleBlock {
   position: absolute;
@@ -33,8 +34,7 @@
   background: $grey-linear-gradient-background;
   height: 24%;
   max-height: 90px;
-  margin: 0.5rem 0;
-  padding: 8%;
+  padding: 1rem;
   box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.55);
   border-radius: 4px;
   color: $grey-bright;