From f3de45803ffae942d59da83ec2190d4c7a09d5c7 Mon Sep 17 00:00:00 2001
From: Lindsay M <126139086+lindsaym-fa@users.noreply.github.com>
Date: Wed, 31 Dec 2025 11:35:37 -0500
Subject: [PATCH] Ensure consistent input heights in flex/grid containers
 (#1915)

* apply flex rules to `form-control` parts

* prevent input heights from growing in flex containers

* change approach: ignore `form-control` wrapper for styling
---
 packages/webawesome/src/components/input/input.styles.ts     | 1 -
 .../webawesome/src/styles/component/form-control.styles.ts   | 5 +++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/packages/webawesome/src/components/input/input.styles.ts b/packages/webawesome/src/components/input/input.styles.ts
index 5332a7d69..569e68568 100644
--- a/packages/webawesome/src/components/input/input.styles.ts
+++ b/packages/webawesome/src/components/input/input.styles.ts
@@ -6,7 +6,6 @@ export default css`
   }
 
   .text-field {
-    flex: auto;
     display: flex;
     align-items: stretch;
     justify-content: start;
diff --git a/packages/webawesome/src/styles/component/form-control.styles.ts b/packages/webawesome/src/styles/component/form-control.styles.ts
index 05f9f64f8..f85ce5707 100644
--- a/packages/webawesome/src/styles/component/form-control.styles.ts
+++ b/packages/webawesome/src/styles/component/form-control.styles.ts
@@ -6,6 +6,11 @@ export default css`
     flex-direction: column;
   }
 
+  /* Treat wrapped labels, inputs, and hints as direct children of the host element */
+  [part~='form-control'] {
+    display: contents;
+  }
+
   /* Label */
   :is([part~='form-control-label'], [part~='label']):has(*:not(:empty)),
   :is([part~='form-control-label'], [part~='label']).has-label {