From e1ca67170e66201775e44c38e88ce1281b3e1982 Mon Sep 17 00:00:00 2001
From: Pamela Chia <pamelachiamayyee@gmail.com>
Date: Wed, 8 Jul 2026 18:26:17 +0800
Subject: [PATCH] fix(www): keep Postgres card artwork clear of its text column

---
 apps/www/components/Products/DatabaseVisual.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/www/components/Products/DatabaseVisual.tsx b/apps/www/components/Products/DatabaseVisual.tsx
index b53a7d79d51..c3b53934154 100644
--- a/apps/www/components/Products/DatabaseVisual.tsx
+++ b/apps/www/components/Products/DatabaseVisual.tsx
@@ -60,7 +60,7 @@ const DatabaseVisual: React.FC<Props> = ({ className, hasGlow = true }) => {
       role="img"
       aria-label="Supabase Postgres database visual composition"
     >
-      <span className="absolute group w-full md:w-auto h-full md:aspect-square flex items-end md:items-center justify-center md:justify-end right-0 left-0 md:left-auto xl:-right-12 2xl:right-0 top-12 md:top-0 md:bottom-0 my-auto">
+      <span className="absolute group w-full md:w-auto h-full md:aspect-square md:max-w-[calc(100%-280px)] flex items-end md:items-center justify-center md:justify-end right-0 left-0 md:left-auto xl:-right-12 2xl:right-0 top-12 md:top-0 md:bottom-0 my-auto">
         <Image
           src="/images/index/products/database-dark.png"
           alt="Supabase Postgres database"