From 17b75f20174a6aade7e192949fed4d40fb4d4e21 Mon Sep 17 00:00:00 2001
From: Cursor Agent <cursoragent@cursor.com>
Date: Fri, 1 May 2026 10:50:55 +0000
Subject: [PATCH] Fix contract end date calendar cut off in dialog
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The Add Person dialog wrapped its form content in a plain <div>
instead of DialogContent. When the form is tall enough, the
dialog extends beyond the viewport with no way to scroll,
cutting off the contract end date field.

Replace the raw <div> with DialogContent which provides
overflow-y-auto and a maxHeight constraint, matching the
pattern used by all other dialogs in the codebase.

Signed-off-by: Cursor Agent <cursoragent@cursor.com>

Co-authored-by: Émile Ré <nemile.re@gmail.com>
---
 .../organizations/people/_components/AddPersonDialog.tsx    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/console/src/pages/iam/organizations/people/_components/AddPersonDialog.tsx b/apps/console/src/pages/iam/organizations/people/_components/AddPersonDialog.tsx
index 57811b731..189a35a71 100644
--- a/apps/console/src/pages/iam/organizations/people/_components/AddPersonDialog.tsx
+++ b/apps/console/src/pages/iam/organizations/people/_components/AddPersonDialog.tsx
@@ -13,7 +13,7 @@
 // PERFORMANCE OF THIS SOFTWARE.
 
 import { useTranslate } from "@probo/i18n";
-import { Dialog, useDialogRef } from "@probo/ui";
+import { Dialog, DialogContent, useDialogRef } from "@probo/ui";
 import { type PropsWithChildren } from "react";
 import type { DataID } from "relay-runtime";
 
@@ -33,9 +33,9 @@ export function AddPersonDialog(props: PropsWithChildren<{
       className="max-w-xl"
       ref={dialogRef}
     >
-      <div className="p-4">
+      <DialogContent padded>
         <PersonForm connectionId={connectionId} onSubmit={() => dialogRef.current?.close()} />
-      </div>
+      </DialogContent>
     </Dialog>
   );
 }