From 0b3af1f84e49d1da576c29c0121343709dfca79a Mon Sep 17 00:00:00 2001
From: Simon Hellmayr <simon.hellmayr@sentry.io>
Date: Mon, 2 Mar 2026 10:41:55 +0100
Subject: [PATCH] fix(home): Increase spacing between SDK tile icon and label

Add flex gap and increase tile height to improve visual separation
between platform icons and their text labels on the homepage.

Co-Authored-By: Claude <noreply@anthropic.com>
---
 src/components/home.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/home.tsx b/src/components/home.tsx
index 0c1118e054ecca..e9998e59266b57 100644
--- a/src/components/home.tsx
+++ b/src/components/home.tsx
@@ -119,20 +119,20 @@ export async function Home() {
                     <a
                       key={platform.key}
                       href={platform.url}
-                      className="sdk-tile flex flex-col items-center justify-center bg-white dark:bg-[var(--gray-2)]"
+                      className="sdk-tile flex flex-col items-center justify-center gap-1.5 bg-white dark:bg-[var(--gray-2)]"
                       style={{
                         textDecoration: 'none',
                         padding: '6px',
                         borderRadius: '6px',
                         width: '70px',
-                        height: '70px',
+                        height: '76px',
                       }}
                     >
                       <PlatformIcon
                         platform={platform.key}
                         size={36}
                         format="lg"
-                        style={{margin: 0, display: 'block', marginBottom: '3px'}}
+                        style={{margin: 0, display: 'block'}}
                       />
                       <span
                         className="text-[var(--gray-12)] whitespace-nowrap"