From f3165250ad35c00082b041d800318789f9e54747 Mon Sep 17 00:00:00 2001
From: David Newell <david@posthog.com>
Date: Tue, 5 Dec 2023 18:19:29 +0000
Subject: [PATCH] chore: LemonSelect caret position

---
 frontend/src/lib/lemon-ui/LemonSelect/LemonSelect.scss | 4 ++++
 frontend/src/lib/lemon-ui/LemonSelect/LemonSelect.tsx  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/frontend/src/lib/lemon-ui/LemonSelect/LemonSelect.scss b/frontend/src/lib/lemon-ui/LemonSelect/LemonSelect.scss
index 2ffff0ebfda98..9b21a44ee7826 100644
--- a/frontend/src/lib/lemon-ui/LemonSelect/LemonSelect.scss
+++ b/frontend/src/lib/lemon-ui/LemonSelect/LemonSelect.scss
@@ -30,4 +30,8 @@ body:not(.posthog-3000) {
             }
         }
     }
+
+    .LemonButton.LemonSelect {
+        --lemon-button-gap: 0.1875rem;
+    }
 }
diff --git a/frontend/src/lib/lemon-ui/LemonSelect/LemonSelect.tsx b/frontend/src/lib/lemon-ui/LemonSelect/LemonSelect.tsx
index c3ed463bae2c2..72cb089b4a709 100644
--- a/frontend/src/lib/lemon-ui/LemonSelect/LemonSelect.tsx
+++ b/frontend/src/lib/lemon-ui/LemonSelect/LemonSelect.tsx
@@ -140,7 +140,7 @@ export function LemonSelect<T extends string | number | boolean | null>({
             closeParentPopoverOnClickInside={menu?.closeParentPopoverOnClickInside}
         >
             <LemonButton
-                className={clsx(className, isClearButtonShown && 'LemonSelect--clearable')}
+                className={clsx(className, 'LemonSelect', isClearButtonShown && 'LemonSelect--clearable')}
                 icon={activeLeaf?.icon}
                 // so that the pop-up isn't shown along with the close button
                 sideIcon={isClearButtonShown ? <></> : undefined}