From c7600d8ead27e565ae23321573bf6dd1b5c445a0 Mon Sep 17 00:00:00 2001
From: Syed Ali Shahbaz <52925846+alishaz-polymath@users.noreply.github.com>
Date: Tue, 28 Oct 2025 17:45:57 +0530
Subject: [PATCH] fix: Make no-show dialog scrollable (#24734)

* fix

* --
---
 apps/web/components/booking/BookingListItem.tsx | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/web/components/booking/BookingListItem.tsx b/apps/web/components/booking/BookingListItem.tsx
index 7b6bdec932..e4de4c315e 100644
--- a/apps/web/components/booking/BookingListItem.tsx
+++ b/apps/web/components/booking/BookingListItem.tsx
@@ -1214,8 +1214,8 @@ const NoShowAttendeesDialog = ({
 
   return (
     <Dialog open={isOpen} onOpenChange={() => setIsOpen(false)}>
-      <DialogContent title={t("mark_as_no_show_title")} description={t("no_show_description")}>
-        {noShowAttendees.map((attendee) => (
+      <DialogContent title={t("mark_as_no_show_title")} description={t("no_show_description")} enableOverflow>
+        {noShowAttendees.map((attendee, index) => (
           <form
             key={attendee.id}
             onSubmit={(e) => {
@@ -1225,7 +1225,10 @@ const NoShowAttendeesDialog = ({
                 attendees: [{ email: attendee.email, noShow: !attendee.noShow }],
               });
             }}>
-            <div className="bg-muted flex items-center justify-between rounded-md px-4 py-2">
+            <div
+              className={`bg-muted flex items-center justify-between px-4 py-2 ${
+                index === 0 ? "rounded-t-md" : ""
+              } ${index === noShowAttendees.length - 1 ? "rounded-b-md" : "border-subtle border-b"}`}>
               <span className="text-emphasis flex flex-col text-sm">
                 {attendee.name}
                 {attendee.email && <span className="text-muted">({attendee.email})</span>}