diff --git a/src/components/Button/Button.vue b/src/components/Button/Button.vue
index d32c337dd3..c5a8eb5a6d 100644
--- a/src/components/Button/Button.vue
+++ b/src/components/Button/Button.vue
@@ -560,11 +560,12 @@ export default {
 
 	// Tertiary
 	&--vue-tertiary {
-		color: var(--color-text-lighter);
+		color: var(--color-main-text);
 		background-color: transparent;
+		opacity: .7;
 		&:hover {
-			color: var(--color-main-text);
 			background-color: transparent;
+			opacity: 1;
 		}
 	}