From 15d0f4cb2ff6aac0984d2175afeec96722ff999a Mon Sep 17 00:00:00 2001
From: fairlighteth <31534717+fairlighteth@users.noreply.github.com>
Date: Fri, 13 Dec 2024 15:52:54 +0000
Subject: [PATCH] feat: banner position fix

---
 .../src/common/pure/CoWAmmBannerContent/index.tsx      | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/apps/cowswap-frontend/src/common/pure/CoWAmmBannerContent/index.tsx b/apps/cowswap-frontend/src/common/pure/CoWAmmBannerContent/index.tsx
index bb0d9d3e08..0f7d574618 100644
--- a/apps/cowswap-frontend/src/common/pure/CoWAmmBannerContent/index.tsx
+++ b/apps/cowswap-frontend/src/common/pure/CoWAmmBannerContent/index.tsx
@@ -4,6 +4,8 @@ import { isTruthy } from '@cowprotocol/common-utils'
 import { TokensByAddress } from '@cowprotocol/tokens'
 import { LpTokenProvider } from '@cowprotocol/types'
 
+import styled from 'styled-components/macro'
+
 import { upToSmall, useMediaQuery } from 'legacy/hooks/useMediaQuery'
 
 import { VampireAttackContext } from 'modules/yield/types'
@@ -17,6 +19,10 @@ import { CoWAmmBannerContext } from './types'
 
 import { useSafeMemoObject } from '../../hooks/useSafeMemo'
 
+const Wrapper = styled.div`
+  z-index: 100;
+`
+
 interface CoWAmmBannerContentProps {
   id: string
   title: string
@@ -139,7 +145,7 @@ export function CoWAmmBannerContent({
   )
 
   return (
-    <div data-banner-id={id}>
+    <Wrapper data-banner-id={id}>
       {isTokenSelectorView ? (
         <TokenSelectorContent isDarkMode={isDarkMode} context={context}>
           {Content}
@@ -159,6 +165,6 @@ export function CoWAmmBannerContent({
           {Content}
         </GlobalContent>
       )}
-    </div>
+    </Wrapper>
   )
 }