diff --git a/assets/scss/layout/_content.scss b/assets/scss/layout/_content.scss
index 7462bcbca8..f98d3b9db2 100644
--- a/assets/scss/layout/_content.scss
+++ b/assets/scss/layout/_content.scss
@@ -131,6 +131,10 @@
         font-size: $font-size-6;
         font-weight: normal;
     }
+
+    p.is-dimmed {
+        color: $grey-500;
+    }
 }
 
 @include wide {
diff --git a/templates/member/hat.html b/templates/member/hat.html
index d48d59e4da..e44e9b7cd6 100644
--- a/templates/member/hat.html
+++ b/templates/member/hat.html
@@ -46,7 +46,7 @@
                 {% endfor %}
             </ul>
         </div>
-        <p>
+        <p class="is-dimmed">
             {% trans "Remarque : cette liste correspond aux membres possédant actuellement la casquette. Si vous voyez un message avec cette casquette mais que son auteur n'apparaît pas ici, cela signifie qu'il l'avait en postant. Des messages privés automatiques peuvent également être envoyés avec une casquette." %}
         </p>
     {% else %}