diff --git a/apps/settings/src/components/PersonalInfo/ProfileSection/EditProfileAnchorLink.vue b/apps/settings/src/components/PersonalInfo/ProfileSection/EditProfileAnchorLink.vue
index 61a7bfc908d49..9a62f200d2cb9 100644
--- a/apps/settings/src/components/PersonalInfo/ProfileSection/EditProfileAnchorLink.vue
+++ b/apps/settings/src/components/PersonalInfo/ProfileSection/EditProfileAnchorLink.vue
@@ -74,7 +74,7 @@ a {
 	padding: 0 16px;
 	margin: 14px auto;
 	border-radius: var(--border-radius-pill);
-	opacity: 0.4;
+	color: var(--color-text-maxcontrast);
 	background-color: transparent;
 
 	.anchor-icon {
@@ -87,8 +87,8 @@ a {
 	&:hover,
 	&:focus,
 	&:active {
-		opacity: 0.8;
-		background-color: rgba(127, 127, 127, .25);
+		color: var(--color-main-text);
+		background-color: var(--color-background-dark);
 	}
 
 	&.disabled {