Custom snooze dialog footer overflows the modal's left edge#33740

What happened

In the Custom snooze dialog (Duration tab), the footer's "Edit snooze options" button sticks out past the dialog's left border. The footer row is wider than the dialog, so the button sits partly outside the modal while Cancel and Snooze stay right-aligned.

Diagnosis

CustomSnoozeDialog uses DialogPopup className="sm:max-w-sm" (24rem, about 336px of content after the footer's px-6). DialogFooter is sm:flex-row sm:justify-end with no wrap, and it holds three buttons: "Edit snooze options" (icon + label, sm:mr-auto), Cancel and Snooze. With a wider UI font (the screenshot uses a monospace font) their combined width exceeds the footer, the buttons don't shrink, and justify-end pushes the overflow out of the left edge.

Source (v0.1.9-nightly.20261110.4452): apps/web/src/components/CustomSnoozeDialog.tsx around line 88 (popup width) and lines 229-249 (footer); apps/web/src/components/ui/dialog.tsx DialogFooter.

Possible fixes: let the footer wrap (sm:flex-wrap), widen this dialog (sm:max-w-md), or make the settings link an icon button with a tooltip.

Steps to reproduce

1. Use a UI font wider than the default (a monospace font, as in the screenshot).
2. Open a thread's snooze menu and choose Custom snooze.
3. Switch to the Duration tab.
4. Look at the footer: "Edit snooze options" extends past the dialog's left border.

Version

0.1.9-nightly.20261110.4452 (T3 Code Desktop)

Environment

macOS 27.2.0 (darwin arm64), T3 Code Desktop against its local server, desktop window at normal width (above the sm breakpoint).

Evidence

Related issues

#28618 (closed) Snooze option rows overflow the settings card horizontally on narrow viewports: similar overflow, different surface. #12570 (closed) Long thread titles overflow the delete confirmation dialog.

Fix applied or workaround

None needed; the button still works.

Filed by

Produced by Claude Code (Claude Opus 5.5) running T3 Code triage.