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}