From 291dad65542b8e68f8f13edbc1b336b70ea298f8 Mon Sep 17 00:00:00 2001
From: jnealey88 <129418666+jnealey88@users.noreply.github.com>
Date: Wed, 12 Nov 2025 17:39:38 -0700
Subject: [PATCH 1/2] Fix form inputs missing min-height and padding

Adds fallback CSS rules for form inputs to ensure consistent display across themes. Includes minimum height of 40px for accessibility and consistent padding.

Fixes #2648
---
 src/blocks/form/styles/style.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/blocks/form/styles/style.scss b/src/blocks/form/styles/style.scss
index b6bf6092c33..c194d7e5e36 100644
--- a/src/blocks/form/styles/style.scss
+++ b/src/blocks/form/styles/style.scss
@@ -44,10 +44,23 @@
 		}
 	}
 
+	// Fallback padding and height for form inputs
+	input[type="text"],
+	input[type="email"],
+	input[type="tel"],
+	input[type="url"],
+	input[type="date"],
+	input[type="number"],
+	select {
+		min-height: 40px;
+		padding: 8px 12px;
+	}
+
 	textarea {
 		float: none;
 		height: 200px;
 		margin: 0 0 1.15rem 0;
+		padding: 8px 12px;
 		resize: vertical;
 		width: 100%;
 	}

From dfb179b935cef5626d5f1fc90b083047aaca5871 Mon Sep 17 00:00:00 2001
From: jnealey88 <129418666+jnealey88@users.noreply.github.com>
Date: Thu, 13 Nov 2025 08:28:07 -0700
Subject: [PATCH 2/2] Use rem units for form input padding and height
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Changes px values to rem for better scalability across themes:
- min-height: 40px → 2.5rem
- padding: 8px 12px → 0.5rem 0.75rem

This allows the sizing to scale proportionally with the theme's base font size.
---
 src/blocks/form/styles/style.scss | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/blocks/form/styles/style.scss b/src/blocks/form/styles/style.scss
index c194d7e5e36..fd5e2342a8d 100644
--- a/src/blocks/form/styles/style.scss
+++ b/src/blocks/form/styles/style.scss
@@ -52,15 +52,15 @@
 	input[type="date"],
 	input[type="number"],
 	select {
-		min-height: 40px;
-		padding: 8px 12px;
+		min-height: 2.5rem;
+		padding: 0.5rem 0.75rem;
 	}
 
 	textarea {
 		float: none;
 		height: 200px;
 		margin: 0 0 1.15rem 0;
-		padding: 8px 12px;
+		padding: 0.5rem 0.75rem;
 		resize: vertical;
 		width: 100%;
 	}