From bea2b9e905ed2d37d2b6f536135b27078221d7de Mon Sep 17 00:00:00 2001
From: Vishnu Prajapat <dev.vishnuprajapat@gmail.com>
Date: Tue, 21 Apr 2026 18:43:32 +0530
Subject: [PATCH 1/2] Taxonomies: add spacing above Add Taxonomy modal actions

---
 routes/taxonomies/add-taxonomy.tsx | 7 ++++++-
 routes/taxonomies/style.scss       | 4 ++++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/routes/taxonomies/add-taxonomy.tsx b/routes/taxonomies/add-taxonomy.tsx
index 33e016b2890303..2a6668ef56e8cb 100644
--- a/routes/taxonomies/add-taxonomy.tsx
+++ b/routes/taxonomies/add-taxonomy.tsx
@@ -128,7 +128,12 @@ function AddTaxonomyModal( {
 						)
 					}
 				/>
-				<Stack direction="row" gap="sm" justify="end">
+				<Stack
+					className="dataviews-action-modal__add-taxonomy-footer"
+					direction="row"
+					gap="sm"
+					justify="end"
+				>
 					<Button
 						__next40pxDefaultSize
 						variant="tertiary"
diff --git a/routes/taxonomies/style.scss b/routes/taxonomies/style.scss
index c6a2cf698da81f..487f0c0fabb8bb 100644
--- a/routes/taxonomies/style.scss
+++ b/routes/taxonomies/style.scss
@@ -72,6 +72,10 @@
 	}
 }
 
+.dataviews-action-modal__add-taxonomy-footer {
+	margin-top: $grid-unit-15;
+}
+
 @keyframes edit-taxonomy-slide-in-right {
 	from {
 		transform: translateX(100%);

From 2cb8a6e238a1ed3eff07180f276a3c8558c0bcef Mon Sep 17 00:00:00 2001
From: Vishnu Prajapat <dev.vishnuprajapat@gmail.com>
Date: Wed, 22 Apr 2026 10:56:04 +0530
Subject: [PATCH 2/2] Taxonomies: use Stack gap for Add Taxonomy modal actions
 spacing

---
 routes/taxonomies/add-taxonomy.tsx | 25 +++++++++++++------------
 routes/taxonomies/style.scss       |  4 ----
 2 files changed, 13 insertions(+), 16 deletions(-)

diff --git a/routes/taxonomies/add-taxonomy.tsx b/routes/taxonomies/add-taxonomy.tsx
index 2a6668ef56e8cb..9ab12f8506235c 100644
--- a/routes/taxonomies/add-taxonomy.tsx
+++ b/routes/taxonomies/add-taxonomy.tsx
@@ -110,11 +110,17 @@ function AddTaxonomyModal( {
 			focusOnMount="firstContentElement"
 			size="small"
 		>
-			<form
-				onSubmit={ ( event ) => {
-					event.preventDefault();
-					onSubmit();
-				} }
+			<Stack
+				direction="column"
+				gap="md"
+				render={
+					<form
+						onSubmit={ ( event ) => {
+							event.preventDefault();
+							onSubmit();
+						} }
+					/>
+				}
 			>
 				<DataForm< TaxonomyFormData >
 					data={ data }
@@ -128,12 +134,7 @@ function AddTaxonomyModal( {
 						)
 					}
 				/>
-				<Stack
-					className="dataviews-action-modal__add-taxonomy-footer"
-					direction="row"
-					gap="sm"
-					justify="end"
-				>
+				<Stack direction="row" gap="sm" justify="end">
 					<Button
 						__next40pxDefaultSize
 						variant="tertiary"
@@ -151,7 +152,7 @@ function AddTaxonomyModal( {
 						{ __( 'Create' ) }
 					</Button>
 				</Stack>
-			</form>
+			</Stack>
 		</Modal>
 	);
 }
diff --git a/routes/taxonomies/style.scss b/routes/taxonomies/style.scss
index 487f0c0fabb8bb..c6a2cf698da81f 100644
--- a/routes/taxonomies/style.scss
+++ b/routes/taxonomies/style.scss
@@ -72,10 +72,6 @@
 	}
 }
 
-.dataviews-action-modal__add-taxonomy-footer {
-	margin-top: $grid-unit-15;
-}
-
 @keyframes edit-taxonomy-slide-in-right {
 	from {
 		transform: translateX(100%);