diff --git a/src/app/modules/about/about.scss b/src/app/modules/about/about.scss
index 87afd4f..fefd0f6 100644
--- a/src/app/modules/about/about.scss
+++ b/src/app/modules/about/about.scss
@@ -280,9 +280,16 @@ $red: #ef4444;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
   }
 
-  @each $color, $value in (indigo: $indigo, green: $green, blue: $blue, purple: $purple) {
-    &.stat-#{$color}:hover {
-      border-color: rgba($value, 0.3);
+   $stat-colors: (
+    "indigo": $indigo,
+    "green": $green,
+    "amber": $amber,
+    "purple": $purple
+  );
+
+  @each $color-name, $color-value in $stat-colors {
+    &.stat-#{$color-name}:hover {
+      border-color: rgba($color-value, 0.3);
     }
   }
 }
@@ -460,9 +467,16 @@ $red: #ef4444;
     box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
   }
 
-  @each $color, $value in (indigo: $indigo, green: $green, amber: $amber, purple: $purple) {
-    &.value-#{$color}:hover {
-      border-color: rgba($value, 0.3);
+  $value-colors: (
+    "indigo": $indigo,
+    "green": $green,
+    "amber": $amber,
+    "purple": $purple
+  );
+
+  @each $color-name, $color-value in $value-colors {
+    &.value-#{$color-name}:hover {
+      border-color: rgba($color-value, 0.3);
     }
   }
 }
diff --git a/src/app/modules/help/help.scss b/src/app/modules/help/help.scss
index 3291a77..6e101e2 100644
--- a/src/app/modules/help/help.scss
+++ b/src/app/modules/help/help.scss
@@ -240,11 +240,21 @@ $red: #ef4444;
     color: $text-muted;
   }
 
-  @each $color, $value in (indigo: $indigo, blue: $blue, green: $green, purple: $purple, orange: $orange, red: $red) {
-    &.quick-link-#{$color}:hover {
-      border-color: rgba($value, 0.3);
+  $quick-link-colors: (
+    "indigo": $indigo,
+    "blue": $blue,
+    "green": $green,
+    "purple": $purple,
+    "orange": $orange,
+    "red": $red
+  );
+
+  @each $color-name, $color-value in $quick-link-colors {
+    &.quick-link-#{$color-name}:hover {
+      border-color: rgba($color-value, 0.3);
     }
   }
+
 }
 
 .quick-link-icon {
@@ -300,15 +310,27 @@ $red: #ef4444;
   overflow: hidden;
   box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
 
-  @each $color, $value in (indigo: $indigo, blue: $blue, green: $green, purple: $purple, orange: $orange, red: $red) {
-    &.faq-category-#{$color} {
+  // Liste des catégories avec leurs couleurs
+  $categories: (
+    "indigo": $indigo,
+    "blue": $blue,
+    "green": $green,
+    "purple": $purple,
+    "orange": $orange,
+    "red": $red
+  );
+
+  @each $name, $color in $categories {
+    $color-string: if(type-of($color) == color, inspect($color), $color);
+    
+    &.faq-category-#{$name} {
       .faq-category-header:hover {
-        background: rgba($value, 0.02);
+        background: rgba($color, 0.02);
       }
 
-      .category-icon.icon-#{$color} {
-        background: rgba($value, 0.1);
-        color: $value;
+      .category-icon.icon-#{$name} {
+        background: rgba($color, 0.1);
+        color: $color;
       }
     }
   }
@@ -437,18 +459,26 @@ $red: #ef4444;
 }
 
 .faq-answer {
-  padding: 0 1.25rem 1.25rem 4rem;
+  $padding-x: 1.25rem;
+  $padding-y: 1.25rem;
+  $padding-left: 4rem;
+  
+  padding: 0 $padding-x $padding-y $padding-left;
   animation: fadeIn 0.3s ease;
 
   p {
-    font-size: 0.9375rem;
+    $font-size: 0.9375rem;
+    $line-height: 1.8;
+    $border-width: 3px;
+    
+    font-size: $font-size;
     color: $text-secondary;
-    line-height: 1.8;
+    line-height: $line-height;
     margin: 0;
     padding: 1rem;
     background: $bg-card;
     border-radius: 0.75rem;
-    border-left: 3px solid $indigo;
+    border-left: $border-width solid $indigo;
   }
 }