diff --git a/packages/twenty-front/src/modules/ui/layout/page/PageHeader.tsx b/packages/twenty-front/src/modules/ui/layout/page/PageHeader.tsx
index 28a14a1c9a0e..001a5a9d564c 100644
--- a/packages/twenty-front/src/modules/ui/layout/page/PageHeader.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/page/PageHeader.tsx
@@ -39,7 +39,7 @@ const StyledLeftContainer = styled.div`
   display: flex;
   flex-direction: row;
   gap: ${({ theme }) => theme.spacing(1)};
-  padding-left: ${({ theme }) => theme.spacing(2)};
+  padding-left: ${({ theme }) => theme.spacing(1)};
   width: 100%;
 
   @media (max-width: ${MOBILE_VIEWPORT}px) {
@@ -54,19 +54,6 @@ const StyledTitleContainer = styled.div`
   max-width: 50%;
 `;
 
-const StyledButtonDiv = styled.div`
-  align-items: center;
-  display: flex;
-  height: 24px;
-  justify-content: center;
-  margin-right: ${({ theme }) => theme.spacing(1)};
-  width: 24px;
-`;
-const StyledBackIconButton = styled(IconButton)`
-  height: 24px;
-  width: 24px;
-`;
-
 const StyledTopBarIconStyledTitleContainer = styled.div`
   align-items: center;
   display: flex;
@@ -111,14 +98,12 @@ export const PageHeader = ({
           </StyledTopBarButtonContainer>
         )}
         {hasBackButton && (
-          <StyledButtonDiv>
-            <StyledBackIconButton
-              Icon={IconChevronLeft}
-              size={isMobile ? 'small' : 'medium'}
-              onClick={() => navigate(-1)}
-              variant="tertiary"
-            />
-          </StyledButtonDiv>
+          <IconButton
+            Icon={IconChevronLeft}
+            size="small"
+            onClick={() => navigate(-1)}
+            variant="tertiary"
+          />
         )}
         <StyledTopBarIconStyledTitleContainer>
           {Icon && <Icon size={theme.icon.size.md} />}