From d316f7edb9402b1f337c5ac8903cf8ef82fc5d8c Mon Sep 17 00:00:00 2001
From: neo773 <62795688+neo773@users.noreply.github.com>
Date: Tue, 12 Aug 2025 17:17:25 +0530
Subject: [PATCH] fix: [Mailbox sync lost banner] Banner overlapping the
 filters (#13808)

Ignore `undefined` in the banner. I commented out the check for testing
purpose.


https://github.com/user-attachments/assets/f18b918b-b70b-4120-be36-96ba190c99be



/closes #13628

Co-authored-by: Charles Bochet <charles@twenty.com>
---
 .../information-banner/components/InformationBanner.tsx   | 8 ++------
 1 file changed, 2 insertions(+), 6 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 a648f87e507..cc66353e210 100644
--- a/packages/twenty-front/src/modules/information-banner/components/InformationBanner.tsx
+++ b/packages/twenty-front/src/modules/information-banner/components/InformationBanner.tsx
@@ -6,10 +6,6 @@ import {
 } from 'twenty-ui/display';
 import { Button } from 'twenty-ui/input';
 
-const StyledBanner = styled(Banner)`
-  position: absolute;
-`;
-
 const StyledText = styled.div`
   overflow: hidden;
   text-overflow: ellipsis;
@@ -32,7 +28,7 @@ export const InformationBanner = ({
   isButtonDisabled?: boolean;
 }) => {
   return (
-    <StyledBanner variant={variant}>
+    <Banner variant={variant}>
       <StyledText>{message}</StyledText>
       {buttonTitle && buttonOnClick && (
         <Button
@@ -45,6 +41,6 @@ export const InformationBanner = ({
           disabled={isButtonDisabled}
         />
       )}
-    </StyledBanner>
+    </Banner>
   );
 };