From 9c3ab89edc7ac02744d683b317efb47541dfde65 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cintia=20S=C3=A1nchez=20Garc=C3=ADa?= <cynthiasg@icloud.com>
Date: Wed, 7 Aug 2024 17:09:36 +0200
Subject: [PATCH] Update banner frame (#3972)

Signed-off-by: Cintia Sanchez Garcia <cynthiasg@icloud.com>
---
 web/src/layout/package/Banner.module.css | 4 ++++
 web/src/layout/package/Banner.tsx        | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/web/src/layout/package/Banner.module.css b/web/src/layout/package/Banner.module.css
index 69db21fee..733496b0f 100644
--- a/web/src/layout/package/Banner.module.css
+++ b/web/src/layout/package/Banner.module.css
@@ -3,6 +3,10 @@
   transition: max-height 0.5s ease-in-out;
 }
 
+.card {
+  padding: 0.33rem;
+}
+
 .loaded {
   max-height: 1500px;
 }
diff --git a/web/src/layout/package/Banner.tsx b/web/src/layout/package/Banner.tsx
index e0cdf2e04..20ed3681b 100644
--- a/web/src/layout/package/Banner.tsx
+++ b/web/src/layout/package/Banner.tsx
@@ -46,7 +46,7 @@ const Banner = (props: Props) => {
   if (isNull(visibleBanner)) return null;
 
   const getCardImage = () => (
-    <div className={`card flex-row shadow-sm mw-100 p-3 overflow-hidden ${props.className}`}>
+    <div className={`card flex-row shadow-sm mw-100 overflow-hidden ${styles.card} ${props.className}`}>
       <img
         ref={img}
         src={effective === 'light' ? visibleBanner.images['light-theme'] : visibleBanner.images['dark-theme']}