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: {