diff --git a/src/uix/eidos/components/time-range-picker/time-range-picker.css b/src/uix/eidos/components/time-range-picker/time-range-picker.css
index 696056296..39f68840e 100644
--- a/src/uix/eidos/components/time-range-picker/time-range-picker.css
+++ b/src/uix/eidos/components/time-range-picker/time-range-picker.css
@@ -16,9 +16,10 @@
 	--_time-field-accent-track: var(--color-primary-track);
 	--_time-field-accent-text: var(--color-primary-text);
 
-	display: inline-flex;
-	flex-direction: column;
-	gap: var(--time-field-stack-gap);
+	display: flex;
+	flex-wrap: wrap;
+	align-items: center;
+	gap: var(--time-field-stack-gap) var(--_time-field-gap);
 	inline-size: 100%;
 	min-inline-size: 0;
 	color: var(--time-field-color);
@@ -87,6 +88,20 @@
 	--_time-field-accent-text: var(--color-loss-text);
 }
 
+/* ── Field row: label claims its own line; the paired endpoint inputs sit
+   side-by-side beneath it. The picker root is a wrapping flex row (mirrors
+   date-range-picker). Endpoint chrome (border / height / padding) comes from
+   `[data-time-field-input]` (time-field.css) — but that layer also sets
+   `inline-size: 100%`, which would make each endpoint claim the full row and
+   wrap. Re-flex them to share one line (non-auto basis overrides that width). */
+[data-time-range-field-label] {
+	flex: 1 0 100%;
+}
+
+[data-time-range-field-input] {
+	flex: 1 1 7rem;
+}
+
 /* ── Trigger ─────────────────────────────────────────────────────────────── */
 
 [data-time-range-picker-trigger] {