fix(ui): array field add button margin not applying consistently (#15773)

PatrikKozak · web-flow · commit ee298f53df7b · 2026-02-27T17:23:04.000Z
### What Array field "Add" button has excessive margin in some environments ### Why CSS load order caused base button margin to override array field margin due to equal specificity ### How Increased selector specificity to `.array-field__add-row.btn` to ensure the reduced margin always applies Fixes #15721
diff --git a/packages/ui/src/fields/Array/index.scss b/packages/ui/src/fields/Array/index.scss
@@ -74,7 +74,7 @@
       margin-bottom: 0;
     }
 
-    &__add-row {
+    &__add-row.btn {
       align-self: flex-start;
       margin: 2px 0;
       --btn-color: var(--theme-elevation-400);

Original file line number	Diff line number	Diff line change
`@@ -74,7 +74,7 @@`
`74`	`74`	`margin-bottom: 0;`
`75`	`75`	`}`
`76`	`76`
`77`		`- &__add-row {`
	`77`	`+ &__add-row.btn {`
`78`	`78`	`align-self: flex-start;`
`79`	`79`	`margin: 2px 0;`
`80`	`80`	`--btn-color: var(--theme-elevation-400);`