diff --git a/css-forms-1/Overview.bs b/css-forms-1/Overview.bs
index 1107bc23992..e72b43b9757 100644
--- a/css-forms-1/Overview.bs
+++ b/css-forms-1/Overview.bs
@@ -230,9 +230,12 @@ spec:css-forms-1; type:value; for:/; text:::placeholder
       <tr>
         <td>`<input type=date>`</td>
         <td rowspan=5>
-        * ''::field-component''
-        * ''::field-separator''
-        * ''::picker-icon''
+        <pre>
+        ├─ ''::field-text''
+        │  ├─ ''::field-component''
+        │  └─ ''::field-separator''
+        └─ ''::picker-icon''
+        </pre>
 
         See [[#date-time-pseudos]]
         
@@ -548,7 +551,8 @@ spec:css-forms-1; type:value; for:/; text:::placeholder
   </dl>
 
   Those pseudo-elements are siblings. The exact structure of the control is determined by internationalization and by the host language,
-  but must be consistent across user-agents.
+  but must be consistent across user-agents. ''::field-component'' and ''::field-separator'' pseudo-elements are all contained within
+  a ''::field-text'' pseudo-element.
 
   <div class=example id=date-input-pseudo-element-structure>
     The following control:
@@ -564,12 +568,13 @@ spec:css-forms-1; type:value; for:/; text:::placeholder
 
     ```
     <input type="date">
-    ├─ ::field-component (08)
-    ├─ ::field-separator (/)
-    ├─ ::field-component (22)
-    ├─ ::field-separator (/)
-    ├─ ::field-component (2024)
-    └─ ::picker-icon
+      ├─ ::field-text
+      │  ├─ ::field-component (08)
+      │  ├─ ::field-separator (/)
+      │  ├─ ::field-component (22)
+      │  ├─ ::field-separator (/)
+      │  └─ ::field-component (2024)
+      └─ ::picker-icon
     ```
   </div>
 
@@ -1113,6 +1118,19 @@ select {
 }
 ```
 
+### Text inputs ### {#stylesheet-text-inputs}
+
+```css
+input::field-text {
+	display: flow !important;
+}
+
+input::field-component,
+input::field-separator {
+	position: static !important;
+}
+```
+
 <h2 class=no-num id=changes>Changes</h2>
 
 <h3 class=no-num id=changes-20250325>Since the