From 4407b1aaa2c626bc6a1f9238207b6b673524d1ec Mon Sep 17 00:00:00 2001
From: nitin <142569587+ehconitin@users.noreply.github.com>
Date: Tue, 22 Oct 2024 00:18:12 +0530
Subject: [PATCH] Minor page header fix (#7927)

<img width="1420" alt="Screenshot 2024-10-22 at 00 03 03"
src="https://github.com/user-attachments/assets/c8841991-9c0a-41fd-8fc5-f789c4a94398">

<img width="1512" alt="Screenshot 2024-10-22 at 00 04 33"
src="https://github.com/user-attachments/assets/a9bbbad9-5cc3-4019-8928-d25d02d0bda9">
---
 .../src/modules/ui/layout/page/components/PageHeader.tsx   | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/packages/twenty-front/src/modules/ui/layout/page/components/PageHeader.tsx b/packages/twenty-front/src/modules/ui/layout/page/components/PageHeader.tsx
index 82a85687e..8cdb9cfea 100644
--- a/packages/twenty-front/src/modules/ui/layout/page/components/PageHeader.tsx
+++ b/packages/twenty-front/src/modules/ui/layout/page/components/PageHeader.tsx
@@ -19,7 +19,7 @@ import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
 
 export const PAGE_BAR_MIN_HEIGHT = 40;
 
-const StyledTopBarContainer = styled.div<{ width?: number }>`
+const StyledTopBarContainer = styled.div`
   align-items: center;
   background: ${({ theme }) => theme.background.noisy};
   color: ${({ theme }) => theme.font.color.primary};
@@ -31,7 +31,6 @@ const StyledTopBarContainer = styled.div<{ width?: number }>`
   padding: ${({ theme }) => theme.spacing(2)};
   padding-left: 0;
   padding-right: ${({ theme }) => theme.spacing(3)};
-  width: ${({ width }) => (width ? `${width}px` : '100%')};
 
   @media (max-width: ${MOBILE_VIEWPORT}px) {
     width: 100%;
@@ -91,7 +90,6 @@ type PageHeaderProps = {
   navigateToNextRecord?: () => void;
   Icon?: IconComponent;
   children?: ReactNode;
-  width?: number;
 };
 
 export const PageHeader = ({
@@ -105,7 +103,6 @@ export const PageHeader = ({
   navigateToNextRecord,
   Icon,
   children,
-  width,
 }: PageHeaderProps) => {
   const isMobile = useIsMobile();
   const theme = useTheme();
@@ -114,7 +111,7 @@ export const PageHeader = ({
   );
 
   return (
-    <StyledTopBarContainer width={width}>
+    <StyledTopBarContainer>
       <StyledLeftContainer>
         {!isMobile && !isNavigationDrawerExpanded && (
           <StyledTopBarButtonContainer>