From c56aed3f7422485bf66f8f687d8508bd23a55f0f Mon Sep 17 00:00:00 2001
From: Richie <richie.phillips@proton.me>
Date: Wed, 25 Mar 2026 21:14:49 +1100
Subject: [PATCH] =?UTF-8?q?Fix=20SearchBar=20=E2=80=94=20increase=20gap=20?=
 =?UTF-8?q?so=20focus=20ring=20doesn't=20touch=20button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Gap 6px → 10px (gap: 2.5) to clear the 5px focus ring

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/molecules/SearchBar/SearchBar.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/molecules/SearchBar/SearchBar.tsx b/src/components/molecules/SearchBar/SearchBar.tsx
index 02c3bf4..855b956 100644
--- a/src/components/molecules/SearchBar/SearchBar.tsx
+++ b/src/components/molecules/SearchBar/SearchBar.tsx
@@ -111,7 +111,7 @@ export const SearchBar = React.forwardRef<HTMLDivElement, SearchBarProps>(
           {
             display: 'flex',
             alignItems: 'flex-start',
-            gap: 1.5,
+            gap: 2.5,
             ...(fullWidth && { width: '100%' }),
           },
           ...(Array.isArray(sx) ? sx : [sx]),