diff --git a/apps/settings/css/settings.css b/apps/settings/css/settings.css
index d363f869cf3..853797cb7bf 100644
--- a/apps/settings/css/settings.css
+++ b/apps/settings/css/settings.css
@@ -221,7 +221,7 @@ select#timezone, select#languageinput, select#localeinput {
   text-decoration: underline;
 }
 .development-notice a:not(.link-button):hover {
-  background-color: var(--color-primary-element-lighter);
+  background-color: var(--color-primary-element-hover);
 }
 
 .link-button {
diff --git a/apps/settings/css/settings.scss b/apps/settings/css/settings.scss
index 9f0ab432cc7..64d915e1cd1 100644
--- a/apps/settings/css/settings.scss
+++ b/apps/settings/css/settings.scss
@@ -188,7 +188,7 @@ select {
 	a:not(.link-button) {
 		text-decoration: underline;
 		&:hover {
-			background-color: var(--color-primary-element-lighter);
+			background-color: var(--color-primary-element-hover);
 		}
 	}
 }