From 79a9e960f812afe64269173400d16b48ed7aba23 Mon Sep 17 00:00:00 2001
From: arpandhakal-lgtm <arpandhakal20@gmail.com>
Date: Fri, 6 Feb 2026 12:58:09 +0545
Subject: [PATCH] fix(OUT-3060): sub task title in client board truncated very
 early

---
 src/app/detail/ui/TaskCardList.tsx | 8 ++------
 src/components/atoms/TaskTitle.tsx | 4 +---
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/src/app/detail/ui/TaskCardList.tsx b/src/app/detail/ui/TaskCardList.tsx
index b89037623..fc5edab18 100644
--- a/src/app/detail/ui/TaskCardList.tsx
+++ b/src/app/detail/ui/TaskCardList.tsx
@@ -259,11 +259,7 @@ export const TaskCardList = ({
                 flexShrink: 1,
               }}
             >
-              <TaskTitle
-                variant={variant == 'task' ? 'list' : 'subtasks'}
-                title={task.title}
-                isClient={mode === UserRole.Client}
-              />
+              <TaskTitle variant={variant == 'task' ? 'list' : 'subtasks'} title={task.title} />
 
               {(task.subtaskCount > 0 || task.isArchived) && (
                 <Stack direction="row" sx={{ display: 'flex', gap: '12px', flexShrink: 0, alignItems: 'center' }}>
@@ -316,7 +312,7 @@ export const TaskCardList = ({
         }}
       >
         {task.dueDate && (
-          <Box sx={{ minWidth: '55px', display: 'flex', justifyContent: 'flex-end' }}>
+          <Box sx={{ display: 'flex', justifyContent: 'flex-end', whiteSpace: 'nowrap' }}>
             <DatePickerComponent
               getDate={(date) => {
                 const isoDate = DateStringSchema.parse(formatDate(date))
diff --git a/src/components/atoms/TaskTitle.tsx b/src/components/atoms/TaskTitle.tsx
index 3a6a135ce..3d100ec08 100644
--- a/src/components/atoms/TaskTitle.tsx
+++ b/src/components/atoms/TaskTitle.tsx
@@ -5,10 +5,9 @@ import { CopilotTooltip } from './CopilotTooltip'
 interface TaskTitleProps {
   title?: string
   variant?: 'board' | 'list' | 'subtasks'
-  isClient?: boolean
 }
 
-const TaskTitle = ({ title, variant = 'board', isClient = false }: TaskTitleProps) => {
+const TaskTitle = ({ title, variant = 'board' }: TaskTitleProps) => {
   const textRef = useRef<HTMLElement>(null)
   const [isOverflowing, setIsOverflowing] = useState(false)
 
@@ -50,7 +49,6 @@ const TaskTitle = ({ title, variant = 'board', isClient = false }: TaskTitleProp
           flexShrink: 1,
           flexGrow: 0,
           minWidth: 0,
-          maxWidth: isClient ? '105px' : 'none',
         }}
       >
         {title}