diff --git a/frontend/src/components/sponsor/SponsorCard.css b/frontend/src/components/sponsor/SponsorCard.css
index 8b02753b0..1fba8f486 100644
--- a/frontend/src/components/sponsor/SponsorCard.css
+++ b/frontend/src/components/sponsor/SponsorCard.css
@@ -95,6 +95,14 @@
white-space: nowrap;
}
+.sponsor-aside {
+ display: flex;
+ flex: 0 0 auto;
+ flex-direction: column;
+ align-items: flex-end;
+ gap: 6px;
+}
+
.sponsor-close {
flex: 0 0 auto;
align-self: flex-start;
@@ -197,8 +205,10 @@
padding: 10px 12px;
}
- .sponsor-card-banner .sponsor-visit {
+ .sponsor-card-banner .sponsor-aside {
flex-basis: 100%;
+ flex-direction: row;
+ align-items: center;
padding-inline-start: 52px;
}
}
diff --git a/frontend/src/components/sponsor/SponsorCard.tsx b/frontend/src/components/sponsor/SponsorCard.tsx
index a74c4e2aa..015ba3333 100644
--- a/frontend/src/components/sponsor/SponsorCard.tsx
+++ b/frontend/src/components/sponsor/SponsorCard.tsx
@@ -74,12 +74,20 @@ export default function SponsorCard({
- {tag}
+ {variant !== 'banner' && {tag}}
{title}
{text && {text}}
- {variant !== 'compact' && (
+ {variant === 'banner' && (
+
+ {tag}
+
+ {t('pages.sponsors.visit')}
+
+
+ )}
+ {variant === 'card' && (
{t('pages.sponsors.visit')}