From 25fa4c26d3d01d54984113d9a718a327b6075dc4 Mon Sep 17 00:00:00 2001
From: "vio.ao" <vio.ao@skyscanner.net>
Date: Wed, 18 Dec 2024 16:50:19 +0800
Subject: [PATCH] Set PopoverContent box width to match the Input

---
 README.md                       | 2 +-
 src/components/multi-select.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index 96a2b42..d40303f 100644
--- a/README.md
+++ b/README.md
@@ -306,7 +306,7 @@ export const MultiSelect = React.forwardRef<
           </Button>
         </PopoverTrigger>
         <PopoverContent
-          className="w-auto p-0"
+          className="w-[--radix-popover-trigger-width] p-0"
           align="start"
           onEscapeKeyDown={() => setIsPopoverOpen(false)}
         >
diff --git a/src/components/multi-select.tsx b/src/components/multi-select.tsx
index ee5eeca..75f118b 100644
--- a/src/components/multi-select.tsx
+++ b/src/components/multi-select.tsx
@@ -279,7 +279,7 @@ export const MultiSelect = React.forwardRef<
           </Button>
         </PopoverTrigger>
         <PopoverContent
-          className="w-auto p-0"
+          className="w-[--radix-popover-trigger-width] p-0"
           align="start"
           onEscapeKeyDown={() => setIsPopoverOpen(false)}
         >