diff --git a/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx b/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx
index 52c1731db..efd432314 100644
--- a/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx
+++ b/packages/twenty-front/src/modules/activities/tasks/components/TaskRow.tsx
@@ -18,13 +18,13 @@ const StyledContainer = styled.div`
   justify-content: space-between;
   border-bottom: 1px solid ${({ theme }) => theme.border.color.light};
   cursor: pointer;
-  display: inline-flex;
+  display: flex;
   height: ${({ theme }) => theme.spacing(12)};
   min-width: calc(100% - ${({ theme }) => theme.spacing(8)});
   max-width: calc(100% - ${({ theme }) => theme.spacing(8)});
   padding: 0 ${({ theme }) => theme.spacing(4)};
   overflow: hidden;
-
+  max-inline-size: 60px;
   &:last-child {
     border-bottom: 0;
   }
@@ -33,10 +33,9 @@ const StyledContainer = styled.div`
 const StyledTaskBody = styled.div`
   color: ${({ theme }) => theme.font.color.tertiary};
   display: flex;
-  max-width: 100%;
-  flex: 1;
+  max-width: calc(80% - ${({ theme }) => theme.spacing(2)});
+  text-overflow: ellipsis;
   overflow: hidden;
-
   padding-bottom: ${({ theme }) => theme.spacing(0.25)};
 `;
 
@@ -63,12 +62,14 @@ const StyledDueDate = styled.div<{
     isPast ? theme.font.color.danger : theme.font.color.secondary};
   display: flex;
   gap: ${({ theme }) => theme.spacing(1)};
-  padding-left: ${({ theme }) => theme.spacing(2)};
+  padding-left: ${({ theme }) => theme.spacing(1)};
   white-space: nowrap;
 `;
 
 const StyledRightSideContainer = styled.div`
-  display: flex;
+  align-items: center;
+  display: inline-flex;
+  max-width: 50%;
 `;
 
 const StyledPlaceholder = styled.div`
@@ -77,9 +78,9 @@ const StyledPlaceholder = styled.div`
 
 const StyledLeftSideContainer = styled.div`
   align-items: center;
+  display: inline-flex;
   display: flex;
   flex: 1;
-
   overflow: hidden;
 `;