diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendar.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendar.tsx
index 11708de4ea..7baca3e57f 100644
--- a/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendar.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-calendar/components/RecordCalendar.tsx
@@ -18,7 +18,7 @@ import { LINK_CHIP_CLICK_OUTSIDE_ID } from 'twenty-ui/components';
 const StyledContainerContainer = styled.div`
   display: flex;
   flex-direction: column;
-  height: 100%;
+  height: inherit;
   gap: ${({ theme }) => theme.spacing(2)};
   padding: ${({ theme }) => theme.spacing(2)};
   padding-left: ${({ theme }) => theme.spacing(1)};
diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonth.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonth.tsx
index 20dd8ba24e..3eb7e40be3 100644
--- a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonth.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonth.tsx
@@ -19,6 +19,7 @@ import {
 const StyledContainer = styled.div`
   display: flex;
   flex-direction: column;
+  min-height: 100%;
   min-width: 1000px;
 `;
 
diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBody.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBody.tsx
index 1699a205f4..d0388c7018 100644
--- a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBody.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBody.tsx
@@ -6,6 +6,7 @@ import { format } from 'date-fns';
 const StyledContainer = styled.div`
   display: flex;
   flex-direction: column;
+  flex: 1;
   border: 0.5px solid ${({ theme }) => theme.border.color.light};
   border-radius: 4px;
   overflow: hidden;
diff --git a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBodyWeek.tsx b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBodyWeek.tsx
index 85701941f7..04a045786b 100644
--- a/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBodyWeek.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-calendar/month/components/RecordCalendarMonthBodyWeek.tsx
@@ -6,6 +6,7 @@ import { eachDayOfInterval, endOfWeek } from 'date-fns';
 const StyledContainer = styled.div`
   display: flex;
   align-items: stretch;
+  flex: 1;
 
   &:not(:last-of-type) {
     border-bottom: 0.5px solid ${({ theme }) => theme.border.color.light};