diff --git a/src/styles/base/about.scss b/src/styles/base/about.scss
index ead128ae1f8b09890e0b6d9a0f268d53b07290b2..ab2026adafde2f9cc36d72906eed33ef4b4f1992 100644
--- a/src/styles/base/about.scss
+++ b/src/styles/base/about.scss
@@ -1,6 +1,4 @@
 #about{
-  $main-color: rgb(236, 94, 92);
-  $second-color: white;
   h2,h3{
     text-transform: uppercase;
   }
@@ -37,10 +35,10 @@
   }
 
   .main-cta{
-    background: $second-color none repeat scroll 0% 0%;
-    border: 1px solid $main-color;
+    background: var(--color-white) none repeat scroll 0% 0%;
+    border: 1px solid var(--color-primary);
     border-radius: 55px;
-    color: $main-color;
+    color: var(--color-primary);
     cursor: pointer;
     font-weight: bold;
     text-transform: uppercase;
@@ -51,8 +49,8 @@
   }
 
   .main-cta:hover{
-    background: $main-color none repeat scroll 0% 0%;
-    border : 1px solid $second-color;
-    color: $second-color;
+    background: var(--color-primary) none repeat scroll 0% 0%;
+    border : 1px solid var(--color-primary);
+    color: var(--color-white);
   }
 }
\ No newline at end of file
diff --git a/src/styles/base/user-thumb.scss b/src/styles/base/user-thumb.scss
index 4b6f8748674ec7c2fdc9fec23574b7382f06e5fe..9dfa5930a5d0397bba8a807727b3dcb597de9614 100644
--- a/src/styles/base/user-thumb.scss
+++ b/src/styles/base/user-thumb.scss
@@ -48,7 +48,7 @@
 
     &::before {
       display: inline-block;
-      color: #FF6765;
+      color: var(--color-primary);
     }
   }
 }
diff --git a/src/views/circle/page-circle-profile.pug b/src/views/circle/page-circle-profile.pug
index 892ba4e77d85727c965c6294587e044078e4dfa6..c62abae8872c04a29562dbd01b7e442c5aeec75c 100644
--- a/src/views/circle/page-circle-profile.pug
+++ b/src/views/circle/page-circle-profile.pug
@@ -87,11 +87,15 @@ solid-router(default-route='circle-profile', hidden)
       bind-resources
       nested-field='members'
       loader-id='loader-circle-profile'
-      fields='classGroup(user.account.picture, sup(user.name, is_admin), sub(user.profile.city))'
+      fields='classGroup(user.account.picture, sup(user.name, send, is_admin), sub(user.profile.city))'
+
+      action-send="messages"
+      label-send=""
 
       class-classGroup='user-thumb is-spaced'
       class-user.account.picture='avatar user-thumb__picture'
       class-user.name='user-thumb__name'
+      class-send='user-thumb__send'
       class-is_admin='user-thumb__admin'
       class-user.profile.city='user-thumb__city'
 
diff --git a/src/views/project/page-project-profile.pug b/src/views/project/page-project-profile.pug
index 30d39f2bb353fd420160ddf725f2a2be3375ec31..b21502f2544698284544e4c7f15aabc7c014a617 100644
--- a/src/views/project/page-project-profile.pug
+++ b/src/views/project/page-project-profile.pug
@@ -5,6 +5,10 @@ solid-router(default-route='project-profile', hidden)
 #project-profile(hidden)
   include ../../templates/hubl-captain.pug
 
+  solid-widget(name='hubl-project-team-contact')
+    template 
+      solid-link(data-src='\${value}', next='messages')
+
   .content-box__info.flex
 
     div#loader-project-profile.loader
@@ -85,11 +89,14 @@ solid-router(default-route='project-profile', hidden)
     solid-display.block(
       bind-resources
       nested-field='members'
-      fields='classGroup(user.account.picture, sup(user.name, is_admin), sub(user.profile.city, name))'
+      fields='classGroup(user.account.picture, sup(user.name, user, is_admin), sub(user.profile.city, name))'
+
+      widget-user='hubl-project-team-contact'
 
       class-classGroup='user-thumb is-spaced'
       class-user.account.picture='avatar user-thumb__picture'
       class-user.name='user-thumb__name'
+      class-user='user-thumb__send'
       class-is_admin='user-thumb__admin'
       class-user.profile.city='user-thumb__city'
       class-name='user-thumb__lead'