diff --git a/client.sample.happy-dev.css b/client.sample.happy-dev.css
index 8642cc0..786b931 100644
--- a/client.sample.happy-dev.css
+++ b/client.sample.happy-dev.css
@@ -123,6 +123,15 @@
   --color-directory-list-icon: var(--color-primary);
   --color-directory-text: var(--color-directory-grey-4);
 
+  --color-directory-send-border: var(--color-complementary);
+  --color-directory-list-icon: var(--color-primary);
+  --color-directory-counter-background: var(--color-directory-grey-5);
+  --color-directory-counter-border: #9BA0A7;
+  --color-directory-counter-text: #4A4A4A;
+
+  --color-directory-paginate: #36383B;
+  --color-directory-paginate-disabled: #9BA0A7;
+
   --color-directory-form-input: #EDF1FA;
   --color-directory-form-input-text: var(--color-directory-grey-4);
   --color-directory-form-input-active: var(--color-complementary);
@@ -202,17 +211,32 @@
 
 /* Directory - my profile*/
 
-/* Button to update the avatar */
-#sib-picture-browse,
-#sib-picture-remove {
-  background-color: var(--color-white);
-  border: 1px solid var(--color-complementary);
-  color: var(--color-complementary);
+/* Colors for buttons to send a message to a member and to update or remove your profile picture */
+#member-profile>div.profile-card>div.user-profile>div>sib-display>div>sib-action.button.button-primary.bordered,
+button#sib-picture-browse.button.button-primary,
+button#sib-picture-remove.button.button-primary {
+  border: 1px solid var(--color-directory-complementary);
 }
 
-#sib-picture-browse:hover,
-#sib-picture-remove:hover {
-  background-color: var(--color-complementary);
-  border: 1px solid var(--color-complementary);
-  color: var(--color-white);
+#member-profile sib-action.button.button-primary>sib-link,
+button#sib-picture-browse.button.button-primary,
+button#sib-picture-remove.button.button-primary {
+  color: var(--color-directory-complementary);
+}
+
+#member-profile>div.profile-card>div.user-profile>div>sib-display>div>sib-action.button.button-primary.bordered>sib-link::before {
+  background-color: var(--color-directory-complementary);
+}
+
+/* Hover */
+#member-profile sib-action.button.button-primary:hover,
+#member-profile sib-action.button.button-primary:hover>sib-link,
+button#sib-picture-browse.button.button-primary:hover,
+button#sib-picture-remove.button.button-primary:hover {
+  color: var(--color-directory-white);
+  background-color: var(--color-directory-complementary);
+}
+
+#member-profile>div.profile-card>div.user-profile>div>sib-display>div>sib-action.button.button-primary.bordered:hover>sib-link::before {
+  background-color: var(--color-directory-white);
 }
diff --git a/src/styles/abstracts/_variables.scss b/src/styles/abstracts/_variables.scss
index eff3b70..09c290a 100644
--- a/src/styles/abstracts/_variables.scss
+++ b/src/styles/abstracts/_variables.scss
@@ -125,61 +125,8 @@
   --color-directory-complementary-darken: var(--color-complementary-darken)!important;
   --color-directory-white: var(--color-white)!important;
   --color-directory-black: var(--color-black) !important;
-
-  --color-directory-h1: var(--color-directory-complementary-darken) !important;
-  --color-directory-text: var(--color-grey-5) !important;
-  --color-directory-avatar-background: var(--color-avatar-background) !important;
-  --color-directory-send-border: var(--color-directory-complementary) !important;
-  --color-directory-list-icon: var(--color-directory-primary) !important;
-  --color-directory-back-link: var(--color-grey-1) !important;
-  --color-directory-border: #DAE2F3 !important;
-  --color-directory-content-header-border: #DAE2F3 !important;
-  
-  --color-directory-counter-background: #F0F3F6 !important;
-  --color-directory-counter-border: #9BA0A7 !important;
-  --color-directory-counter-text: var(--color-grey-3) !important;
-  
-  --color-directory-paginate: var(--color-grey-1) !important;
-  --color-directory-paginate-disabled: #9BA0A7 !important;
-
-  --color-directory-form-input: #EDF1FA !important;
-  --color-directory-form-input-text: var(--color-directory-grey-4) !important;
-  --color-directory-form-input-active: var(--color-directory-complementary) !important;
-  --color-directory-form-select-icon: var(--color-directory-complementary) !important;
 }
 
-
-/* Colors for buttons to send a message to a member and to update or remove your profile picture */
-#member-profile>div.profile-card>div.user-profile>div>sib-display>div>sib-action.button.button-primary.bordered,
-button#sib-picture-browse.button.button-primary,
-button#sib-picture-remove.button.button-primary {
-  border: 1px solid var(--color-directory-complementary) !important;
-}
-
-#member-profile sib-action.button.button-primary>sib-link,
-button#sib-picture-browse.button.button-primary,
-button#sib-picture-remove.button.button-primary {
-  color: var(--color-directory-complementary) !important;
-}
-
-#member-profile>div.profile-card>div.user-profile>div>sib-display>div>sib-action.button.button-primary.bordered>sib-link::before {
-  background-color: var(--color-directory-complementary);
-}
-
-/* Hover */
-#member-profile sib-action.button.button-primary:hover,
-#member-profile sib-action.button.button-primary:hover>sib-link,
-button#sib-picture-browse.button.button-primary:hover,
-button#sib-picture-remove.button.button-primary:hover {
-  color: var(--color-directory-white) !important;
-  background-color: var(--color-directory-complementary) !important;
-}
-
-#member-profile>div.profile-card>div.user-profile>div>sib-display>div>sib-action.button.button-primary.bordered:hover>sib-link::before {
-  background-color: var(--color-directory-white);
-}
-
-
 /* Variables for event */
 $color-212-4-50: hsl(212.7,4.3%,50%);
 $color-0-0-22: hsl(0,0%,22.7%);