diff --git a/src/app/modules/challenge/components/challenge-header/challenge-header.component.html b/src/app/modules/challenge/components/challenge-header/challenge-header.component.html
index 3b8bbb2c..b5db8fa3 100755
--- a/src/app/modules/challenge/components/challenge-header/challenge-header.component.html
+++ b/src/app/modules/challenge/components/challenge-header/challenge-header.component.html
@@ -4,17 +4,17 @@
       <p class="breadcrumbs">Retos > <span id="color">Detalle</span></p>
       <div class="d-flex align-items-start">
         <div class="difficulty">
-          <div class="difficulty" *ngIf="level == 'EASY'">
+          <div class="difficulty d-flex" *ngIf="level == 'EASY'">
             <img src="assets/img/icon/difficulty-on.svg" alt="Difficulty">
             <img src="assets/img/icon/difficulty-off.svg" alt="Difficulty">
             <img src="assets/img/icon/difficulty-off.svg" alt="Difficulty">
           </div>
-          <div class="difficulty" *ngIf="level == 'MEDIUM'">
+          <div class="difficulty d-flex" *ngIf="level == 'MEDIUM'">
             <img src="assets/img/icon/difficulty-on.svg" alt="Difficulty">
             <img src="assets/img/icon/difficulty-on.svg" alt="Difficulty">
             <img src="assets/img/icon/difficulty-off.svg" alt="Difficulty">
           </div>
-          <div class="difficulty" *ngIf="level == 'HARD'">
+          <div class="difficulty d-flex" *ngIf="level == 'HARD'">
             <img src="assets/img/icon/difficulty-on.svg" alt="Difficulty">
             <img src="assets/img/icon/difficulty-on.svg" alt="Difficulty">
             <img src="assets/img/icon/difficulty-on.svg" alt="Difficulty">
diff --git a/src/app/modules/challenge/components/challenge-header/challenge-header.component.scss b/src/app/modules/challenge/components/challenge-header/challenge-header.component.scss
index 4de3f169..cb449175 100755
--- a/src/app/modules/challenge/components/challenge-header/challenge-header.component.scss
+++ b/src/app/modules/challenge/components/challenge-header/challenge-header.component.scss
@@ -5,6 +5,9 @@
 .title {
   margin-bottom: 16px;
   max-width: 100%;
+  h3{
+    line-height: 2rem;
+  }
 }
 
 .difficulty img {
diff --git a/src/app/shared/components/challenge-card/challenge-card.component.html b/src/app/shared/components/challenge-card/challenge-card.component.html
index 2a63ca22..7117a546 100755
--- a/src/app/shared/components/challenge-card/challenge-card.component.html
+++ b/src/app/shared/components/challenge-card/challenge-card.component.html
@@ -3,17 +3,17 @@
   <div>
     <div class="info d-flex align-items-start justify-content-between">
       <div class="d-flex align-items-start w-100">
-        <div class="difficulty" *ngIf="level == 'EASY'">
+        <div class="difficulty d-flex" *ngIf="level == 'EASY'">
           <img src="assets/img/icon/difficulty-on.svg" alt="Difficulty">
           <img src="assets/img/icon/difficulty-off.svg" alt="Difficulty">
           <img src="assets/img/icon/difficulty-off.svg" alt="Difficulty">
         </div>
-        <div class="difficulty" *ngIf="level == 'MEDIUM'">
+        <div class="difficulty d-flex" *ngIf="level == 'MEDIUM'">
           <img src="assets/img/icon/difficulty-on.svg" alt="Difficulty">
           <img src="assets/img/icon/difficulty-on.svg" alt="Difficulty">
           <img src="assets/img/icon/difficulty-off.svg" alt="Difficulty">
         </div>
-        <div class="difficulty" *ngIf="level == 'HARD'">
+        <div class="difficulty d-flex" *ngIf="level == 'HARD'">
           <img src="assets/img/icon/difficulty-on.svg" alt="Difficulty">
           <img src="assets/img/icon/difficulty-on.svg" alt="Difficulty">
           <img src="assets/img/icon/difficulty-on.svg" alt="Difficulty">
@@ -30,25 +30,25 @@
       </ul>
     </div>
 
-    <div class="d-flex gap-3">
+    <div class="stats d-flex">
       <div class="stat d-flex align-items-center">
         <div><img src="assets/img/icon/user.svg" alt="User"></div>
-        <div>IT-Academy</div>
+        <div class="txt">IT-Academy</div>
       </div>
 
       <div class="stat d-flex align-items-center" ngbTooltip="Empezado y finalizado">
         <div><img src="assets/img/icon/bullseye.svg" alt="Bullseye"></div>
-        <div>87%</div>
+        <div class="txt">87%</div>
       </div>
 
       <div class="stat d-flex align-items-center" ngbTooltip="Veces guardado">
         <div><img src="assets/img/icon/bookmark.svg" alt="Bookmark"></div>
-        <div>82</div>
+        <div class="txt">82</div>
       </div>
 
       <div class="stat d-flex align-items-center" ngbTooltip="Fecha creación">
         <div><img src="assets/img/icon/clock.svg" alt="Date"></div>
-        <div>{{creation_date | date:'mediumDate':'':currentLang}}</div>
+        <div class="txt">{{creation_date | date:'mediumDate':'':currentLang}}</div>
       </div>
     </div>
   </div>
diff --git a/src/app/shared/components/challenge-card/challenge-card.component.scss b/src/app/shared/components/challenge-card/challenge-card.component.scss
index dd7ac6f1..2a76f466 100755
--- a/src/app/shared/components/challenge-card/challenge-card.component.scss
+++ b/src/app/shared/components/challenge-card/challenge-card.component.scss
@@ -16,7 +16,7 @@
         .title{
             font-weight: 700;
             margin-bottom: 16px;
-            margin-left: .5rem;
+            line-height: 18px;
             font-size: 16px;
             color: $black-1;
         }
@@ -44,11 +44,22 @@
             display: flex;
             flex-direction: row;
             align-items: center;
-            padding: 0 7px 0 0;
+            // padding: 0 7px 0 0;
             border-radius: 20px;
             &[ngbTooltip]:hover{
                 background-color: $gray-4;
             }
+            
+            > div {
+                &:not(:first-child) {
+                  padding-left: 2px;
+                }
+            }
+
+            // Quitar si todas las imágenes tienen el mismo tamaño y margen transparente
+            .txt{
+                margin-left: 3px;
+            }
         }
     }
     &:hover{
@@ -73,10 +84,15 @@
     }
 
     .stats{
-        font-size: 10px;
-
+        gap: 0.25rem;
+        justify-content: space-between;
+      
         .stat{
             padding: 0px;
+
+            .txt{
+                font-size: 11px;
+            }
         }
     }