diff --git a/src/app/components/layout/headers/header-grid.tsx b/src/app/components/layout/headers/header-grid.tsx index e48f7fed6df..a92199c1c0d 100644 --- a/src/app/components/layout/headers/header-grid.tsx +++ b/src/app/components/layout/headers/header-grid.tsx @@ -15,7 +15,7 @@ export function HeaderGrid({ leftCol, centerCol, rightCol, ...props }: HeaderGri return ( + {children} ); diff --git a/src/app/components/layout/layouts/two-column.layout.tsx b/src/app/components/layout/layouts/two-column.layout.tsx index 98dd8ad7288..201ea2f1abe 100644 --- a/src/app/components/layout/layouts/two-column.layout.tsx +++ b/src/app/components/layout/layouts/two-column.layout.tsx @@ -25,7 +25,6 @@ export function TwoColumnLayout({ mx={{ base: 'auto', md: 'space.03', lg: 'space.06' }} gap="space.05" width={{ base: '100vw', md: 'unset' }} - maxWidth="fullPageMaxWidth" > diff --git a/src/app/features/container/headers/home.header.tsx b/src/app/features/container/headers/home.header.tsx index b194920072f..e6eb78de9ca 100644 --- a/src/app/features/container/headers/home.header.tsx +++ b/src/app/features/container/headers/home.header.tsx @@ -16,7 +16,7 @@ export function HomeHeader() { useOutletContext(); return ( -
+
} rightCol={ diff --git a/src/app/features/container/headers/page.header.tsx b/src/app/features/container/headers/page.header.tsx index 7871903f64d..b89dce993ae 100644 --- a/src/app/features/container/headers/page.header.tsx +++ b/src/app/features/container/headers/page.header.tsx @@ -38,44 +38,40 @@ export function PageHeader({ const canGoBack = !isSummaryPage; return ( - <> -
- - {canGoBack && ( - } - onAction={onGoBack} - dataTestId={SharedComponentsSelectors.HeaderBackBtn} +
+ + {canGoBack && ( + } + onAction={onGoBack} + dataTestId={SharedComponentsSelectors.HeaderBackBtn} + /> + )} + navigate(RouteUrls.Home)} /> + + } + centerCol={title && {title}} + rightCol={ + + {isSummaryPage ? ( + } + dataTestId={SharedComponentsSelectors.HeaderCloseBtn} + onAction={() => navigate(RouteUrls.Home)} + /> + ) : ( + + } + toggleSwitchAccount={() => setIsShowingSwitchAccount(!isShowingSwitchAccount)} /> - )} - navigate(RouteUrls.Home)} /> - - } - centerCol={title && {title}} - rightCol={ - - {isSummaryPage ? ( - } - dataTestId={SharedComponentsSelectors.HeaderCloseBtn} - onAction={() => navigate(RouteUrls.Home)} - /> - ) : ( - - - } - toggleSwitchAccount={() => setIsShowingSwitchAccount(!isShowingSwitchAccount)} - /> - - )} - - } - /> -
- + + )} + + } + /> +
); } diff --git a/src/app/features/container/headers/unlock.header.tsx b/src/app/features/container/headers/unlock.header.tsx index 13852efc292..9c3c99502ae 100644 --- a/src/app/features/container/headers/unlock.header.tsx +++ b/src/app/features/container/headers/unlock.header.tsx @@ -15,7 +15,7 @@ export function UnlockHeader() { const navigate = useNavigate(); return ( -
+
navigate(RouteUrls.Home)} hideBelow={undefined} hideFrom="sm" /> diff --git a/src/app/pages/fund/components/fund.layout.tsx b/src/app/pages/fund/components/fund.layout.tsx index 54d88f60b6e..9e19290da02 100644 --- a/src/app/pages/fund/components/fund.layout.tsx +++ b/src/app/pages/fund/components/fund.layout.tsx @@ -14,7 +14,6 @@ export function FundLayout({ blockchain, symbol, children }: FundLayoutProps) { alignItems={{ base: 'left', md: 'center' }} p={{ base: 'space.05', md: 'unset' }} gap={{ base: 'space.04', md: 'space.05' }} - maxWidth="fullPageMaxWidth" >