diff --git a/ui/src/components/select-picker.test.ts b/ui/src/components/select-picker.test.ts
new file mode 100644
index 000000000000..5cf016f39a86
--- /dev/null
+++ b/ui/src/components/select-picker.test.ts
@@ -0,0 +1,23 @@
+// The shared picker keeps a 138px readable-label floor (phone-width ellipsis
+// fix) but must never exceed its host container: cron/channel grid cells
+// legitimately shrink below 138px and an unconditional floor overflows them.
+import { render } from "lit";
+import { describe, expect, it } from "vitest";
+import { renderPicker } from "./select-picker.ts";
+
+describe("renderPicker", () => {
+  it("caps the readable-label floor at the host container width", () => {
+    const host = document.createElement("div");
+    render(
+      renderPicker({
+        label: "Unit",
+        value: "minutes",
+        options: [{ value: "minutes", label: "minutes" }],
+        onChange: () => {},
+      }),
+      host,
+    );
+    const select = host.querySelector("wa-select");
+    expect(select?.getAttribute("style")).toContain("min-width:min(138px,100%)");
+  });
+});
diff --git a/ui/src/components/select-picker.ts b/ui/src/components/select-picker.ts
index 2f28a17dc53d..19766a803e02 100644
--- a/ui/src/components/select-picker.ts
+++ b/ui/src/components/select-picker.ts
@@ -24,8 +24,9 @@ export type PickerParams<Option extends PickerOption> = {
 };
 
 export function renderPicker<Option extends PickerOption>(params: PickerParams<Option>) {
-  // Web Awesome syncs the listbox to its trigger; keep 8ch for the label after
-  // its fixed check and leading-icon columns instead of collapsing the options.
+  // Web Awesome syncs the listbox to its trigger; keep a 138px label floor so
+  // option text does not collapse to an ellipsis at phone widths, but never
+  // exceed the host container (cron/channel grids legitimately shrink below it).
   const options =
     params.value === null ||
     params.value === "" ||
@@ -42,7 +43,7 @@ export function renderPicker<Option extends PickerOption>(params: PickerParams<O
     <wa-select
       id=${params.id ?? nothing}
       class=${`settings-select picker-select ${params.className ?? ""}`}
-      style="width:100%;min-width:138px"
+      style="width:100%;min-width:min(138px,100%)"
       title=${params.title ?? nothing}
       placement=${params.placement ?? nothing}
       .value=${params.value}