From 36bbe809fae8ef7345b0dfffced31920d36a4b6d Mon Sep 17 00:00:00 2001
From: David Hill <iamdavidhill@gmail.com>
Date: Tue, 20 Jan 2026 17:31:02 +0000
Subject: [PATCH] add 4px gutter between select trigger and dropdown

---
 packages/ui/src/components/select.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/ui/src/components/select.tsx b/packages/ui/src/components/select.tsx
index cdf7adfdb..9fb3a9016 100644
--- a/packages/ui/src/components/select.tsx
+++ b/packages/ui/src/components/select.tsx
@@ -82,6 +82,7 @@ export function Select<T>(props: SelectProps<T> & ButtonProps) {
       {...others}
       data-component="select"
       placement="bottom-end"
+      gutter={4}
       value={local.current}
       options={grouped()}
       optionValue={(x) => (local.value ? local.value(x) : (x as string))}