From 54958491b3a0c3f9ebc1685b4f7a205f0603b0b0 Mon Sep 17 00:00:00 2001
From: "Calum H." <hendersoncal117@gmail.com>
Date: Tue, 5 Aug 2025 16:57:23 +0100
Subject: [PATCH] fix: scale for medal bg

---
 .../components/ui/servers/marketing/MedalServerCountdown.vue   | 2 +-
 .../src/components/ui/servers/marketing/MedalServerListing.vue | 3 ++-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/frontend/src/components/ui/servers/marketing/MedalServerCountdown.vue b/apps/frontend/src/components/ui/servers/marketing/MedalServerCountdown.vue
index 5881810cc..90a5b3c5a 100644
--- a/apps/frontend/src/components/ui/servers/marketing/MedalServerCountdown.vue
+++ b/apps/frontend/src/components/ui/servers/marketing/MedalServerCountdown.vue
@@ -3,7 +3,7 @@
     class="medal-promotion flex w-full flex-row items-center justify-between rounded-2xl p-4 shadow-xl"
   >
     <div class="overlay"></div>
-    <MedalPromoBackground class="background-pattern" />
+    <MedalPromoBackground class="background-pattern scale-[125%]" />
 
     <div class="z-10 flex flex-col gap-1">
       <div class="flex items-center gap-2 text-lg font-semibold text-contrast">
diff --git a/apps/frontend/src/components/ui/servers/marketing/MedalServerListing.vue b/apps/frontend/src/components/ui/servers/marketing/MedalServerListing.vue
index a79de17af..61e011abd 100644
--- a/apps/frontend/src/components/ui/servers/marketing/MedalServerListing.vue
+++ b/apps/frontend/src/components/ui/servers/marketing/MedalServerListing.vue
@@ -7,7 +7,7 @@
       :data-pyro-server-listing-id="server_id"
     >
       <div class="overlay"></div>
-      <MedalPromoBackground class="background-pattern" />
+      <MedalPromoBackground class="background-pattern scale-[125%]" />
 
       <NuxtLink
         :to="status === 'suspended' ? '' : `/servers/manage/${props.server_id}`"
@@ -206,6 +206,7 @@ onUnmounted(() => {
   position: relative;
   border: 1px solid var(--medal-promotion-bg-orange);
   background: inherit; // allows overlay + pattern to take over
+  overflow: hidden;
 }
 
 .overlay {