diff --git a/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/TaskCard.tsx b/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/TaskCard.tsx
index 1929351d..237cd80b 100644
--- a/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/TaskCard.tsx
+++ b/worklenz-frontend/src/components/enhanced-kanban/EnhancedKanbanBoardNativeDnD/TaskCard.tsx
@@ -96,6 +96,9 @@ const TaskCard: React.FC<TaskCardProps> = memo(({
                     </div>
 
                     <div className="task-assignees-row" style={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between', width: '100%' }}>
+                        <div className="task-due-date" style={{ fontSize: 10, color: '#888', marginRight: 8, whiteSpace: 'nowrap' }}>
+                            {task.end_date ? format(new Date(task.end_date), 'MMM d, yyyy') : ''}
+                        </div>
                         <div className="task-assignees" style={{ display: 'flex', alignItems: 'center' }}>
                             <AvatarGroup
                                 members={task.names || []}
@@ -105,9 +108,6 @@ const TaskCard: React.FC<TaskCardProps> = memo(({
                             />
                             <LazyAssigneeSelectorWrapper task={task} groupId={groupId} isDarkMode={themeMode === 'dark'} />
                         </div>
-                        <div className="task-due-date" style={{ fontSize: 10, color: '#888', marginLeft: 8, whiteSpace: 'nowrap' }}>
-                            {task.end_date ? format(new Date(task.end_date), 'MMM d, yyyy') : ''}
-                        </div>
                     </div>
                 </div>
             </div>