From 6efb2b40d1002047c8bc60e6aaeef3c88b1faca9 Mon Sep 17 00:00:00 2001
From: Vamsi Krishna <46787868+mathalav55@users.noreply.github.com>
Date: Thu, 9 Jan 2025 16:24:18 +0530
Subject: [PATCH] fix: active cycle menu overflow (#2161)

---
 web/ee/components/cycles/active-cycle/progress-header.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/ee/components/cycles/active-cycle/progress-header.tsx b/web/ee/components/cycles/active-cycle/progress-header.tsx
index c3519965a8..50356d4db8 100644
--- a/web/ee/components/cycles/active-cycle/progress-header.tsx
+++ b/web/ee/components/cycles/active-cycle/progress-header.tsx
@@ -49,13 +49,13 @@ export const CycleProgressHeader: FC<Props> = (props: Props) => {
       onClick={handleControlLinkClick}
       href={`/${workspaceSlug}/projects/${projectId}/cycles/${cycleDetails.id}`}
     >
-      <div className="px-page-x flex items-center justify-between py-4 bg-custom-sidebar-background-100 w-full">
-        <div className="flex gap-6 h-full rounded-full truncate">
+      <div className="px-page-x flex items-center justify-between py-4 bg-custom-sidebar-background-100 w-full gap-2">
+        <div className="flex gap-6 h-full truncate">
           {progress === null && <Loader.Item width="82px" height="82px" className="rounded-full" />}
           {progress && (
             <ProgressDonut progress={progressToday} days_left={findHowManyDaysLeft(cycleDetails.end_date) ?? 0} />
           )}
-          <div className="flex flex-col h-full my-auto w-full overflow-hidden max-w-[85%]">
+          <div className="flex flex-col h-full my-auto w-full overflow-hidden">
             <div className="text-xs text-custom-primary-200 font-medium self-start">Currently active cycle</div>
             <Tooltip tooltipContent={cycleDetails.name} position="bottom-right">
               <div className="inline-block line-clamp-1 truncate font-bold text-custom-text-100 my-1 text-[20px] text-left">
@@ -75,7 +75,7 @@ export const CycleProgressHeader: FC<Props> = (props: Props) => {
             </div>
           </div>
         </div>
-        <div className="flex gap-4 items-center" onClick={handleEventPropagation}>
+        <div className="flex shrink-0 gap-4 items-center" onClick={handleEventPropagation}>
           <CycleListItemAction
             workspaceSlug={workspaceSlug}
             projectId={projectId}