From 15017218f13c3449b7d5dca67d3c2911e30e1bfb Mon Sep 17 00:00:00 2001
From: Dika Mahendra <dkmhndrworks@gmail.com>
Date: Fri, 15 Mar 2024 11:15:12 +0700
Subject: [PATCH] fix: popup offset on select, synchronize radius styling on
 popup select

---
 packages/components/select/src/use-select.ts          | 4 ++--
 packages/components/select/stories/select.stories.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/components/select/src/use-select.ts b/packages/components/select/src/use-select.ts
index 50e725a1..23addcf8 100644
--- a/packages/components/select/src/use-select.ts
+++ b/packages/components/select/src/use-select.ts
@@ -480,8 +480,8 @@ export function useSelect<T extends object>(originalProps: UseSelectProps<T>) {
         offset:
           state.selectedItems && state.selectedItems.length > 0
             ? // forces the popover to update its position when the selected items change
-              state.selectedItems.length * 0.00000001 + (slotsProps.popoverProps?.offset || 0)
-            : slotsProps.popoverProps?.offset,
+              state.selectedItems.length * 0.00000001 + (slotsProps.popoverProps?.offset || 4)
+            : slotsProps.popoverProps?.offset || 4,
       } as PopoverProps;
     },
     [
diff --git a/packages/components/select/stories/select.stories.tsx b/packages/components/select/stories/select.stories.tsx
index 70e1459e..fd9e3832 100644
--- a/packages/components/select/stories/select.stories.tsx
+++ b/packages/components/select/stories/select.stories.tsx
@@ -35,7 +35,7 @@ export default {
       control: {
         type: "select",
       },
-      options: ["none", "sm", "md", "lg", "full"],
+      options: ["none", "sm", "md", "lg", "xl", "full"],
     },
     size: {
       control: {