From 03149bb3e5000148e26dbc013c5f6a525ce34486 Mon Sep 17 00:00:00 2001
From: Rhys Sullivan <39114868+RhysSullivan@users.noreply.github.com>
Date: Mon, 12 Oct 2026 14:24:08 -0700
Subject: [PATCH] Keep the v2 moved notice inside its dialog for long
 organization names

---
 apps/cloud/src/web/components/v2-moved-notice.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/cloud/src/web/components/v2-moved-notice.tsx b/apps/cloud/src/web/components/v2-moved-notice.tsx
index 2da79ed59f..4c7f981e3d 100644
--- a/apps/cloud/src/web/components/v2-moved-notice.tsx
+++ b/apps/cloud/src/web/components/v2-moved-notice.tsx
@@ -98,7 +98,9 @@ export function V2MovedNotice() {
         close(V2_MOVED_DISMISS_SNOOZE_MS);
       }}
     >
-      <DialogContent className="sm:max-w-[460px]">
+      {/* One shrinkable column: a grid item's default min-width is its content, which let a long
+          organization name push the pair and the buttons past the dialog's edge. */}
+      <DialogContent className="grid-cols-[minmax(0,1fr)] sm:max-w-[460px]">
         {step === "notice" ? (
           <>
             <DialogHeader className="gap-3">
@@ -150,7 +152,7 @@ export function V2MovedNotice() {
                     close(V2_MOVED_DISMISS_SNOOZE_MS);
                   }}
                 >
-                  <span className="max-w-[16rem] truncate">Open {organization.name} in v2</span>
+                  Open in v2
                   <ArrowIcon />
                 </a>
               </Button>