From 0dba88d444e51f061261e5519c4a983103d3d8dc Mon Sep 17 00:00:00 2001
From: KartikLabhshetwar <kartik.labhshetwar@gmail.com>
Date: Sat, 3 Jan 2026 21:07:24 +0530
Subject: [PATCH] fix: add vertical spacing when hovered

---
 packages/features/form/components/LocationSelect.tsx | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/packages/features/form/components/LocationSelect.tsx b/packages/features/form/components/LocationSelect.tsx
index f32fe0238fe282..26cd71783ea5f0 100644
--- a/packages/features/form/components/LocationSelect.tsx
+++ b/packages/features/form/components/LocationSelect.tsx
@@ -85,11 +85,20 @@ export default function LocationSelect({
   ...props
 }: Props<LocationOption, false, GroupOptionType> & { customClassNames?: LocationSelectCustomClassNames }) {
   const isPlatform = useIsPlatform();
+  const { innerClassNames: propsInnerClassNames, ...restProps } = props as typeof props & {
+    innerClassNames?: {
+      option?: string;
+    };
+  };
   return (
     <Select<LocationOption>
       name="location"
       id="location-select"
       data-testid="location-select"
+      innerClassNames={{
+        ...propsInnerClassNames,
+        option: classNames("mb-1 last:mb-0", propsInnerClassNames?.option),
+      }}
       components={{
         Option: (props) => {
           return (
@@ -137,7 +146,7 @@ export default function LocationSelect({
           {e.label}
         </p>
       )}
-      {...props}
+      {...restProps}
     />
   );
 }