diff --git a/frontend_nuxt/assets/global.css b/frontend_nuxt/assets/global.css
index 3d610cc33..edb5f246b 100644
--- a/frontend_nuxt/assets/global.css
+++ b/frontend_nuxt/assets/global.css
@@ -2,8 +2,8 @@
   --primary-color-hover: rgb(9, 95, 105);
   --primary-color: rgb(10, 110, 120);
   --primary-color-disabled: rgba(93, 152, 156, 0.5);
-  --secondary-color:rgb(255, 255, 255);
-  --secondary-color-hover:rgba(165, 255, 255, 0.447);
+  --secondary-color: rgb(255, 255, 255);
+  --secondary-color-hover: rgba(10, 111, 120, 0.184);
   --new-post-icon-color: rgba(10, 111, 120, 0.598);
   --header-height: 60px;
   --header-background-color: white;
diff --git a/frontend_nuxt/pages/users/[id].vue b/frontend_nuxt/pages/users/[id].vue
index 0e7107964..b78aa56f6 100644
--- a/frontend_nuxt/pages/users/[id].vue
+++ b/frontend_nuxt/pages/users/[id].vue
@@ -712,13 +712,13 @@ watch(selectedTab, async (val) => {
   border-radius: 8px;
   padding: 5px 10px;
   color: var(--primary-color);
-  background-color: var(--secondary-color);
   border: 1px solid var(--primary-color);
   margin-top: 15px;
   width: fit-content;
   cursor: pointer;
 }
 
+.profile-page-header-unsubscribe-button:hover,
 .profile-page-header-send-mail-button:hover {
   background-color: var(--secondary-color-hover);
 }