diff --git a/ui/components/shadcn/combobox/combobox.tsx b/ui/components/shadcn/combobox/combobox.tsx index b10bcf8973..5fbcb5644f 100644 --- a/ui/components/shadcn/combobox/combobox.tsx +++ b/ui/components/shadcn/combobox/combobox.tsx @@ -24,7 +24,7 @@ const comboboxTriggerVariants = cva("", { variants: { variant: { default: - "w-full justify-between rounded-xl border border-border-neutral-secondary bg-bg-neutral-secondary hover:bg-bg-neutral-tertiary", + "w-full justify-between rounded-lg border border-border-neutral-secondary bg-bg-neutral-secondary hover:bg-bg-neutral-tertiary", ghost: "border-none bg-transparent shadow-none hover:bg-accent hover:text-foreground", }, @@ -38,7 +38,7 @@ const comboboxContentVariants = cva("p-0", { variants: { variant: { default: - "w-[calc(100vw-2rem)] max-w-md rounded-xl border border-border-neutral-secondary bg-bg-neutral-secondary shadow-md sm:w-full", + "w-[calc(100vw-2rem)] max-w-md rounded-lg border border-border-neutral-secondary bg-bg-neutral-secondary shadow-md sm:w-full", ghost: "w-[calc(100vw-2rem)] max-w-md rounded-lg border border-slate-400 bg-white sm:w-full dark:border-[#262626] dark:bg-[#171717]", }, @@ -74,6 +74,7 @@ export interface ComboboxProps showSelectedFirst?: boolean; loading?: boolean; loadingMessage?: string; + "aria-label"?: string; } export function Combobox({ @@ -92,6 +93,7 @@ export function Combobox({ showSelectedFirst = true, loading = false, loadingMessage = "Loading...", + "aria-label": ariaLabel, }: ComboboxProps) { const [open, setOpen] = useState(false); @@ -112,6 +114,7 @@ export function Combobox({