From c16b625752fe055091130b9a9bd2fa7044446810 Mon Sep 17 00:00:00 2001
From: martmull <martmull@hotmail.fr>
Date: Thu, 19 Jun 2025 09:54:24 +0200
Subject: [PATCH] Fix Canvas display above banner follow up (#12707)

---
 .../components/InformationBanner.tsx              |  1 -
 .../components/RecordShowContainer.tsx            | 15 +++++++++++----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/packages/twenty-front/src/modules/information-banner/components/InformationBanner.tsx b/packages/twenty-front/src/modules/information-banner/components/InformationBanner.tsx
index 5a0cd69d5..583930413 100644
--- a/packages/twenty-front/src/modules/information-banner/components/InformationBanner.tsx
+++ b/packages/twenty-front/src/modules/information-banner/components/InformationBanner.tsx
@@ -4,7 +4,6 @@ import { Button } from 'twenty-ui/input';
 
 const StyledBanner = styled(Banner)`
   position: absolute;
-  z-index: 1;
 `;
 
 const StyledText = styled.div`
diff --git a/packages/twenty-front/src/modules/object-record/record-show/components/RecordShowContainer.tsx b/packages/twenty-front/src/modules/object-record/record-show/components/RecordShowContainer.tsx
index 0c14f8320..b03a1c066 100644
--- a/packages/twenty-front/src/modules/object-record/record-show/components/RecordShowContainer.tsx
+++ b/packages/twenty-front/src/modules/object-record/record-show/components/RecordShowContainer.tsx
@@ -11,6 +11,11 @@ import { useRecordShowContainerTabs } from '@/object-record/record-show/hooks/us
 import { recordStoreFamilySelector } from '@/object-record/record-store/states/selectors/recordStoreFamilySelector';
 import { ShowPageSubContainer } from '@/ui/layout/show-page/components/ShowPageSubContainer';
 import { useRecoilValue } from 'recoil';
+import styled from '@emotion/styled';
+
+const StyledShowPageBannerContainer = styled.div`
+  z-index: 1;
+`;
 
 type RecordShowContainerProps = {
   objectNameSingular: string;
@@ -55,10 +60,12 @@ export const RecordShowContainer = ({
         recordId={objectRecordId}
       />
       {recordDeletedAt && (
-        <InformationBannerDeletedRecord
-          recordId={objectRecordId}
-          objectNameSingular={objectNameSingular}
-        />
+        <StyledShowPageBannerContainer>
+          <InformationBannerDeletedRecord
+            recordId={objectRecordId}
+            objectNameSingular={objectNameSingular}
+          />
+        </StyledShowPageBannerContainer>
       )}
       <ShowPageContainer>
         <ShowPageSubContainer