From 9f44e3a2970e671bc3cfea92ca1ad7d4e0eccf75 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C3=89mile=20R=C3=A9?= <emile@probo.com>
Date: Thu, 9 Jul 2026 09:45:38 -0400
Subject: [PATCH] Fix subprocessor card vertical spacing
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Drop the region icon top margin so it centers with its label line,
and stop the card grid from stretching rows. Cards now hug their
content, giving every card a consistent 32px bottom padding instead
of leftover space below shorter cards.

Signed-off-by: Émile Ré <emile@probo.com>
---
 .../subprocessors/_components/SubprocessorCategorySection.tsx   | 2 +-
 .../src/pages/subprocessors/_components/variants.ts             | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/compliance-portal/src/pages/subprocessors/_components/SubprocessorCategorySection.tsx b/apps/compliance-portal/src/pages/subprocessors/_components/SubprocessorCategorySection.tsx
index 19da6c7f4..5c9fec08e 100644
--- a/apps/compliance-portal/src/pages/subprocessors/_components/SubprocessorCategorySection.tsx
+++ b/apps/compliance-portal/src/pages/subprocessors/_components/SubprocessorCategorySection.tsx
@@ -45,7 +45,7 @@ export function SubprocessorCategorySection({ category, subprocessors }: Subproc
           {t(`categories.${category}.description`)}
         </Text>
       </div>
-      <div className="grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3">
+      <div className="grid grid-cols-1 items-start gap-4 sm:grid-cols-2 lg:grid-cols-3">
         {subprocessors.map(subprocessor => (
           <SubprocessorListItem key={subprocessor.id} subprocessorKey={subprocessor} />
         ))}
diff --git a/apps/compliance-portal/src/pages/subprocessors/_components/variants.ts b/apps/compliance-portal/src/pages/subprocessors/_components/variants.ts
index 64bbb019b..0069572dc 100644
--- a/apps/compliance-portal/src/pages/subprocessors/_components/variants.ts
+++ b/apps/compliance-portal/src/pages/subprocessors/_components/variants.ts
@@ -23,6 +23,6 @@ export const subprocessorListItem = tv({
     logoImage: "size-full object-cover",
     logoFallbackIcon: "text-sand-9",
     region: "flex items-start gap-1",
-    regionIcon: "mt-0.5 size-4 shrink-0 text-gold-11",
+    regionIcon: "size-4 shrink-0 text-gold-11",
   },
 });