From 24e326c8d9f8d36539cde77ce1addc8418d96185 Mon Sep 17 00:00:00 2001
From: Viktor Fomin <viktor.fomin@onlyoffice.com>
Date: Wed, 3 Apr 2024 15:24:53 +0300
Subject: [PATCH] Shared: CampaignsBanner: fix style

---
 .../CampaignsBanner.styled.ts                 | 21 ++++++++-----------
 .../campaigns-banner/CampaignsBanner.tsx      |  1 +
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/packages/shared/components/campaigns-banner/CampaignsBanner.styled.ts b/packages/shared/components/campaigns-banner/CampaignsBanner.styled.ts
index 00c015c428..0f803d2716 100644
--- a/packages/shared/components/campaigns-banner/CampaignsBanner.styled.ts
+++ b/packages/shared/components/campaigns-banner/CampaignsBanner.styled.ts
@@ -34,31 +34,28 @@ const BannerWrapper = styled.div<{
 }>`
   overflow: hidden;
   position: relative;
-  min-height: 140px;
-  max-height: 140px;
-  border-radius: 4px;
-  border: 1px solid ${(props) => props.borderColor};
+  min-height: 142px;
+  max-height: 142px;
 
   &::before {
     content: "";
     background-image: url(${(props) => props.background});
     background-size: 100%;
     background-repeat: no-repeat;
+    background-position: 0% 100%;
+
     position: absolute;
-    left: 0;
-    top: 0;
-    right: 0;
-    bottom: 0;
     z-index: -1000;
+    inset: 0px;
+
+    border-radius: 4px;
+    border: 1px solid ${(props) => props.borderColor};
+
     ${(props) =>
       props.theme.interfaceDirection === "rtl" &&
       css`
         transform: scaleX(-1);
       `}
-
-    @media ${mobile} {
-      background-position: 0% 100%;
-    }
   }
 
   .close-icon {
diff --git a/packages/shared/components/campaigns-banner/CampaignsBanner.tsx b/packages/shared/components/campaigns-banner/CampaignsBanner.tsx
index a6d26a5e04..e8fa672de2 100644
--- a/packages/shared/components/campaigns-banner/CampaignsBanner.tsx
+++ b/packages/shared/components/campaigns-banner/CampaignsBanner.tsx
@@ -111,6 +111,7 @@ const CampaignsBanner = (props: CampaignsBannerProps) => {
             fontSize={action?.fontSize}
             fontWeight={action?.fontWeight}
             onClick={() => onAction(action?.type, Link)}
+            isHovered
           >
             {ButtonLabel}
           </LinkComponent>