From 7b2d9ee3c2339fc181283e6dfecb183688aad806 Mon Sep 17 00:00:00 2001
From: Kirill Klimenko <klimenkomud@gmail.com>
Date: Thu, 30 Nov 2023 15:25:46 +0100
Subject: [PATCH] Fix showing section image on DAO dasbhoard metadata

---
 app/daos/[daoAddress]/page.tsx                        | 3 ++-
 src/components/pages/DaoDashboard/Info/InfoHeader.tsx | 6 +++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/app/daos/[daoAddress]/page.tsx b/app/daos/[daoAddress]/page.tsx
index 3099d524d5..c773fbdb03 100644
--- a/app/daos/[daoAddress]/page.tsx
+++ b/app/daos/[daoAddress]/page.tsx
@@ -26,6 +26,7 @@ export default function DaoDashboardPage() {
             },
             body: {
               ...theme.styles.global.body,
+              zIndex: '-1',
               background: daoMetadata.bodyBackground,
             },
           },
@@ -38,7 +39,7 @@ export default function DaoDashboardPage() {
   return (
     <ChakraProvider theme={activeTheme}>
       <InfoHeader />
-      <ClientOnly mt={!!daoMetadata ? 8 : 12}>
+      <ClientOnly mt={!!daoMetadata ? 40 : 12}>
         <Info />
         <ERCO20Claim />
         <Activities />
diff --git a/src/components/pages/DaoDashboard/Info/InfoHeader.tsx b/src/components/pages/DaoDashboard/Info/InfoHeader.tsx
index 99f607bb93..2912373a5a 100644
--- a/src/components/pages/DaoDashboard/Info/InfoHeader.tsx
+++ b/src/components/pages/DaoDashboard/Info/InfoHeader.tsx
@@ -21,9 +21,9 @@ export default function InfoHeader() {
       bg={daoMetadata.headerBackground}
       justifyContent="center"
       alignItems="center"
-      marginLeft="-3rem"
-      marginRight="-3rem"
-      width="calc(100% + 6rem)"
+      position="absolute"
+      left="4.25rem"
+      width="calc(100vw - 4.25rem)"
       paddingTop={2}
       paddingBottom={2}
       flexDirection="column"