Fix Canvas display above banner follow up (#12707)

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`

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