diff --git a/packages/twenty-front/src/modules/ui/layout/page/components/PageCardLayout.tsx b/packages/twenty-front/src/modules/ui/layout/page/components/PageCardLayout.tsx
index 3a0387b85d..63c28c44f8 100644
--- a/packages/twenty-front/src/modules/ui/layout/page/components/PageCardLayout.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/page/components/PageCardLayout.tsx
@@ -1,7 +1,7 @@
 import { InformationBannerWrapper } from '@/information-banner/components/InformationBannerWrapper';
 import { styled } from '@linaria/react';
 import { type ReactNode } from 'react';
-import { themeCssVariables } from 'twenty-ui/theme-constants';
+import { MOBILE_VIEWPORT, themeCssVariables } from 'twenty-ui/theme-constants';
 
 type PageCardLayoutProps = {
   header: ReactNode;
@@ -33,6 +33,11 @@ const StyledMainCardWrapper = styled.div`
   padding-left: 4px;
   width: 0;
 
+  @media (max-width: ${MOBILE_VIEWPORT}px) {
+    margin-left: 0;
+    padding-left: 0;
+  }
+
   @media print {
     display: block;
     margin-left: 0;
@@ -63,6 +68,15 @@ const StyledCard = styled.div`
       0 0 0 1px ${themeCssVariables.border.color.medium};
   }
 
+  @media (max-width: ${MOBILE_VIEWPORT}px) {
+    border-radius: 0;
+    box-shadow: none;
+
+    .dark & {
+      box-shadow: none;
+    }
+  }
+
   @media print {
     border-radius: 0;
     box-shadow: none;