From 0696c9fc6025ddde484292292cb866cb8512ea23 Mon Sep 17 00:00:00 2001
From: Wanjohi <71614375+wanjohiryan@users.noreply.github.com>
Date: Sat, 14 Sep 2024 20:44:51 +0300
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20fix:=20Fix=20overflow=20on=20mob?=
 =?UTF-8?q?ile?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/ui/src/card.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/ui/src/card.tsx b/packages/ui/src/card.tsx
index e1edafa2..fc6fc338 100644
--- a/packages/ui/src/card.tsx
+++ b/packages/ui/src/card.tsx
@@ -111,7 +111,7 @@ export const Card = component$(({ titleWidth, titleHeight, game, size, ...props
                         '--after-height': `${titleHeight}%`
                     }}
                     class={cn(
-                        "w-full mx-auto h-full relative flex",
+                        "w-full mx-auto h-full relative flex overflow-hidden",
                         "before:absolute before:left-0 before:top-0 before:w-full before:animate-zoom-out before:h-full before:bg-cover before:bg-center before:bg-no-repeat before:bg-[url:var(--before-url)]",
                         "after:absolute after:w-[var(--after-width)] after:bg-contain after:h-[var(--after-height)] after:left-0 after:m-auto after:right-0 after:bottom-0 after:top-0 after:bg-center after:bg-no-repeat after:bg-[url:var(--title-url)]"
                     )} />