diff --git a/packages/twenty-front/src/modules/activities/components/ActivityList.tsx b/packages/twenty-front/src/modules/activities/components/ActivityList.tsx index a26c2e5e05..902ec3dbed 100644 --- a/packages/twenty-front/src/modules/activities/components/ActivityList.tsx +++ b/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}; diff --git a/packages/twenty-front/src/modules/activities/components/ActivityRow.tsx b/packages/twenty-front/src/modules/activities/components/ActivityRow.tsx index 3040417a3c..af3b20ee48 100644 --- a/packages/twenty-front/src/modules/activities/components/ActivityRow.tsx +++ b/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]}; } diff --git a/packages/twenty-front/src/modules/activities/tasks/components/TaskGroups.tsx b/packages/twenty-front/src/modules/activities/tasks/components/TaskGroups.tsx index e60f68ac8b..f40280b3d1 100644 --- a/packages/twenty-front/src/modules/activities/tasks/components/TaskGroups.tsx +++ b/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 { diff --git a/packages/twenty-front/src/modules/activities/tasks/components/TaskList.tsx b/packages/twenty-front/src/modules/activities/tasks/components/TaskList.tsx index b2c0c90517..df9501e9d8 100644 --- a/packages/twenty-front/src/modules/activities/tasks/components/TaskList.tsx +++ b/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%; `;