Fix task rows (#18522)

Before
<img width="409" height="350" alt="Capture d’écran 2026-03-10 à 10 41
52"
src="https://github.com/user-attachments/assets/7466af53-103a-483e-826c-9946fd758525"
/>

After
<img width="409" height="350" alt="Capture d’écran 2026-03-10 à 10 42
11"
src="https://github.com/user-attachments/assets/b87c50a1-688c-4870-b629-e1767fb6bf44"
/>

packages/twenty-front/src/modules/activities/components/ActivityList.tsx

@@ -3,6 +3,9 @@ import { Card } from 'twenty-ui/layout';
 import { themeCssVariables } from 'twenty-ui/theme-constants';
 
 const StyledListContainer = styled.div`
+  max-width: 100%;
+  width: 100%;
+
   > * {
     & > :not(:last-child) {
       border-bottom: 1px solid ${themeCssVariables.border.color.light};

packages/twenty-front/src/modules/activities/components/ActivityRow.tsx

@@ -10,7 +10,6 @@ const StyledRowContentContainer = styled.div`
     display: flex;
     gap: ${themeCssVariables.spacing[2]};
     height: ${themeCssVariables.spacing[12]};
-    overflow: hidden;
     padding: ${themeCssVariables.spacing[0]} ${themeCssVariables.spacing[4]};
   }
 

packages/twenty-front/src/modules/activities/tasks/components/TaskGroups.tsx

@@ -6,12 +6,12 @@ import { useTasks } from '@/activities/tasks/hooks/useTasks';
 import { type ActivityTargetableObject } from '@/activities/types/ActivityTargetableEntity';
 import { type Task } from '@/activities/types/Task';
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
-import { CoreObjectNameSingular } from 'twenty-shared/types';
 import { useObjectPermissionsForObject } from '@/object-record/hooks/useObjectPermissionsForObject';
 import { activeTabIdComponentState } from '@/ui/layout/tab-list/states/activeTabIdComponentState';
 import { useAtomComponentStateValue } from '@/ui/utilities/state/jotai/hooks/useAtomComponentStateValue';
 import { t } from '@lingui/core/macro';
 import groupBy from 'lodash.groupby';
+import { CoreObjectNameSingular } from 'twenty-shared/types';
 import { IconPlus } from 'twenty-ui/display';
 import { Button } from 'twenty-ui/input';
 import {

packages/twenty-front/src/modules/activities/tasks/components/TaskList.tsx

@@ -15,12 +15,11 @@ type TaskListProps = {
 const StyledContainer = styled.div`
   align-items: flex-start;
   align-self: stretch;
+  box-sizing: border-box;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 8px ${themeCssVariables.spacing[6]};
-  width: calc(100% - ${themeCssVariables.spacing[12]});
-
   width: 100%;
 `;