From a99e285d76890b8e622e5ef1cc5f840e5c3f6e59 Mon Sep 17 00:00:00 2001
From: Ayush Mhetre <93566941+mhetreayush@users.noreply.github.com>
Date: Wed, 2 Oct 2024 17:54:25 +0530
Subject: [PATCH] fix: fix ui overflow on phone for calendar settings (#16661)

* fix: fix ui overflow on phone for calendar settings

* fix: overflow issue with long emails

* Update CalendarSwitch.tsx

---------

Co-authored-by: Amit Sharma <74371312+Amit91848@users.noreply.github.com>
Co-authored-by: Anik Dhabal Babu <81948346+anikdhabal@users.noreply.github.com>
---
 packages/features/calendars/CalendarSwitch.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/features/calendars/CalendarSwitch.tsx b/packages/features/calendars/CalendarSwitch.tsx
index 25c3c5a09c..e990c97bb7 100644
--- a/packages/features/calendars/CalendarSwitch.tsx
+++ b/packages/features/calendars/CalendarSwitch.tsx
@@ -77,7 +77,7 @@ const CalendarSwitch = (props: ICalendarSwitchProps) => {
           }}
         />
       </div>
-      <label className="ml-3 text-sm font-medium leading-5" htmlFor={externalId}>
+      <label className="ml-3 break-all text-sm font-medium leading-5" htmlFor={externalId}>
         {name}
       </label>
       {!!props.destination && (