From 3bed9cc27febfe795af0766a913c4845e74cc2da Mon Sep 17 00:00:00 2001
From: Yash Kukrecha <143295133+yashkukrecha@users.noreply.github.com>
Date: Sat, 22 Mar 2025 21:10:21 -0500
Subject: [PATCH] fix(schedule): truncate long schedule names in popup (#564)

---
 src/views/components/common/ScheduleDropdown.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/views/components/common/ScheduleDropdown.tsx b/src/views/components/common/ScheduleDropdown.tsx
index e4690281..aef5a665 100644
--- a/src/views/components/common/ScheduleDropdown.tsx
+++ b/src/views/components/common/ScheduleDropdown.tsx
@@ -24,8 +24,12 @@ export default function ScheduleDropdown({ defaultOpen, children }: ScheduleDrop
                 {({ open }) => (
                     <>
                         <DisclosureButton className='w-full flex items-center border-none bg-transparent px-3.5 py-2.5 text-left'>
-                            <div className='flex-1'>
-                                <Text as='div' variant='h3' className='w-100% text-ut-burntorange normal-case!'>
+                            <div className='flex-1 min-w-0 overflow-hidden'>
+                                <Text
+                                    as='div'
+                                    variant='h3'
+                                    className='w-full truncate whitespace-nowrap text-ut-burntorange normal-case!'
+                                >
                                     {activeSchedule ? activeSchedule.name : 'Schedule'}
                                 </Text>
                                 <div className='flex gap-2.5 text-theme-black leading-[75%]!'>