Skip to content

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

Closed

Description

@aka-cronos

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

Screenshot attached below. No error in logs; this is pure layout.

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.

Activity

  1. aka-cronos commented on Nov 10, 2026

    @aka-cronos
    Author

    Screenshot:

    Image
  2. added a commit that references this issue on Nov 10, 2026
    e2fe6f9
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    via-triageFiled through npx t3 triage

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions