diff --git a/app/src/modules/settings/routes/data-model/fields/components/fields-management.vue b/app/src/modules/settings/routes/data-model/fields/components/fields-management.vue
index 663e31d34a..56557f5bd5 100644
--- a/app/src/modules/settings/routes/data-model/fields/components/fields-management.vue
+++ b/app/src/modules/settings/routes/data-model/fields/components/fields-management.vue
@@ -208,8 +208,8 @@ export default defineComponent({
 
 .add-field {
 	--v-button-font-size: 14px;
-	--v-button-background-color: var(--foreground-subdued);
-	--v-button-background-color-hover: var(--primary);
+	--v-button-background-color: var(--primary);
+	--v-button-background-color-hover: var(--primary-125);
 
 	grid-column: 1 / span 2;
 	max-width: 50%;