From 05a20a24b365c54cb6064ac0ba56eb0b31832f1c Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Fri, 12 Jun 2026 17:36:07 +0300
Subject: [PATCH] Fix delete button alignment

---
 app/form/fields/ArrayFormField.module.css | 4 ++++
 app/form/fields/ArrayFormField.tsx        | 3 ++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/app/form/fields/ArrayFormField.module.css b/app/form/fields/ArrayFormField.module.css
index f34154511..a80b65a89 100644
--- a/app/form/fields/ArrayFormField.module.css
+++ b/app/form/fields/ArrayFormField.module.css
@@ -39,3 +39,7 @@
 .itemInput {
 	flex: 1;
 }
+
+.removeButton {
+	height: var(--field-size);
+}
diff --git a/app/form/fields/ArrayFormField.tsx b/app/form/fields/ArrayFormField.tsx
index 5dfa398af..a552b4c62 100644
--- a/app/form/fields/ArrayFormField.tsx
+++ b/app/form/fields/ArrayFormField.tsx
@@ -123,7 +123,7 @@ export function ArrayFormField({
 				) : (
 					<div
 						key={itemKey(idx)}
-						className="stack horizontal sm items-center w-full"
+						className="stack horizontal sm items-start w-full"
 					>
 						<div className={styles.itemInput}>
 							{renderItem(idx, `${name}[${idx}]`)}
@@ -135,6 +135,7 @@ export function ArrayFormField({
 								size="small"
 								variant="minimal-destructive"
 								onPress={() => handleRemoveAt(idx)}
+								className={styles.removeButton}
 							/>
 						) : null}
 					</div>