From df6ceb7dfe80d1b4bdc771b113887b8b5a2ba04c Mon Sep 17 00:00:00 2001
From: Suman Sahoo <75962762+suman-somu@users.noreply.github.com>
Date: Thu, 4 Jan 2024 02:26:50 +0530
Subject: [PATCH] fixed button size (#3194)

* fixed button size

* Fixes

---------

Co-authored-by: Charles Bochet <charles@twenty.com>
---
 .../src/modules/ui/layout/page/PageHeader.tsx        | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

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 54b5042fc..001a5a9d5 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,14 +54,10 @@ const StyledTitleContainer = styled.div`
   max-width: 50%;
 `;
 
-const StyledBackIconButton = styled(IconButton)`
-  margin-right: ${({ theme }) => theme.spacing(1)};
-`;
-
 const StyledTopBarIconStyledTitleContainer = styled.div`
   align-items: center;
   display: flex;
-  flex: 1 0 100%;
+  flex: 1 0 auto;
   flex-direction: row;
 `;
 
@@ -102,9 +98,9 @@ export const PageHeader = ({
           </StyledTopBarButtonContainer>
         )}
         {hasBackButton && (
-          <StyledBackIconButton
+          <IconButton
             Icon={IconChevronLeft}
-            size={isMobile ? 'small' : 'medium'}
+            size="small"
             onClick={() => navigate(-1)}
             variant="tertiary"
           />