diff --git a/assets/styles/app.scss b/assets/styles/app.scss
index 5ae0373413aa093436e53ea165590393eb7a16cc..48d54856dc015ec0a37eafb30c6de8cf913bd548 100644
--- a/assets/styles/app.scss
+++ b/assets/styles/app.scss
@@ -52,10 +52,8 @@ $orange-button-bt: #FA772E;
   @include button-variant($orange-button-bt, $orange-button-bt, white, #f05b2b, #f05b2b);
 }
 
-#user-block {
-  text-align: right;
-  color: rgba(255,255,255,.5);
-  font-size: 14px;
+.gray-600 {
+  color:$gray-600;
 }
 
 .capsule-item {
diff --git a/templates/layout.html.twig b/templates/layout.html.twig
index 8e30682c4d95473dfb2205073a2ec8de977d18fd..55b4ca6f0da957f42066769a7ffe5c5d1bbcb3d0 100644
--- a/templates/layout.html.twig
+++ b/templates/layout.html.twig
@@ -25,7 +25,7 @@
   </a>
 
         {% if is_granted("IS_AUTHENTICATED_REMEMBERED") %}
-          <div id="user-block" class="d-flex flex-column position-absolute end-0 align-content-end text-end fw-light">
+          <div class="d-flex flex-column position-absolute end-0 align-content-end text-end fw-light gray-600">
             <div class="fw-bold text-capitalize">{{ app.user.firstName }} {{ app.user.lastName }}</div>
             <a href="{{ path('show_profile') }}" class="text-decoration-none fs-5">My profile</a>
             <a href="{{ path('edit_user_groups') }}" class="text-decoration-none fs-5">