From 362ccff85dbc69524b38ff4385a8c39cb332c1f5 Mon Sep 17 00:00:00 2001
From: Jared Vititoe <jjvititoe1@gmail.com>
Date: Sun, 14 Jun 2026 14:13:38 -0400
Subject: [PATCH] fix: increase decoration grid row gap for images that
 overflow cell bounds
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

rowGap 36→52 (40px visual gap between image rows), columnGap separate at 28.
The 52×52 buttons have 8px image overflow on each side so row gap needed to
account for 8+visual+8 = actual gap. Previous 36→20px visual was still tight.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/features/settings/account/ProfileDecoration.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/features/settings/account/ProfileDecoration.tsx b/src/app/features/settings/account/ProfileDecoration.tsx
index 2da0b846d..cf6e3f14f 100644
--- a/src/app/features/settings/account/ProfileDecoration.tsx
+++ b/src/app/features/settings/account/ProfileDecoration.tsx
@@ -250,7 +250,8 @@ export function ProfileDecoration() {
                 style={{
                   display: 'flex',
                   flexWrap: 'wrap',
-                  gap: 36,
+                  columnGap: 28,
+                  rowGap: 52,
                   paddingBottom: INSET,
                   paddingLeft: INSET,
                   paddingRight: INSET,