From b305a013b68cb560131e378c4a323736bcc7f628 Mon Sep 17 00:00:00 2001
From: sajald77 <sazzaldulal@gmail.com>
Date: Fri, 27 Sep 2024 13:50:23 -0400
Subject: [PATCH] fix: remove project video header overlap on project
 thumbnails

---
 .../projectView/views/body/sections/header/Header.tsx      | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/modules/project/pages1/projectView/views/body/sections/header/Header.tsx b/src/modules/project/pages1/projectView/views/body/sections/header/Header.tsx
index 24d1b51a6..8454da0e9 100644
--- a/src/modules/project/pages1/projectView/views/body/sections/header/Header.tsx
+++ b/src/modules/project/pages1/projectView/views/body/sections/header/Header.tsx
@@ -139,7 +139,12 @@ export const Header = () => {
           position="relative"
           alignItems="start"
         >
-          <Box position={{ base: project.images[0] ? 'absolute' : 'unset', lg: 'unset' }} top={'-48px'} left={'16px'}>
+          <Box
+            position={{ base: project.images[0] ? 'absolute' : 'unset', lg: 'unset' }}
+            top={'-48px'}
+            left={'16px'}
+            zIndex={1}
+          >
             <ImageWithReload
               border="2px solid"
               borderColor="neutral1.1"