From 8f51baa1e97f13e7c526d0d3e5ddd3a7257d6054 Mon Sep 17 00:00:00 2001
From: Manuel <manuel.fischer@abusix.com>
Date: Fri, 16 Feb 2024 14:46:34 +0100
Subject: [PATCH] fix: add className prop to Listbox component

---
 src/components/form-field/listbox/listbox.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/components/form-field/listbox/listbox.tsx b/src/components/form-field/listbox/listbox.tsx
index d1c53336..0ae4675f 100644
--- a/src/components/form-field/listbox/listbox.tsx
+++ b/src/components/form-field/listbox/listbox.tsx
@@ -18,12 +18,15 @@ export interface ListboxProps<TValue> {
     children: React.ReactNode;
     value: TValue;
     onChange: (value: TValue) => void;
+    className?: string;
 }
 
-const Listbox = <TValue,>({ children, value, onChange }: ListboxProps<TValue>) => {
+const Listbox = <TValue,>({ children, value, onChange, className }: ListboxProps<TValue>) => {
     return (
         <HeadlessListbox value={value} onChange={onChange}>
-            <div className={classNames("relative w-full", formFieldGroupStyles)}>{children}</div>
+            <div className={classNames("relative w-full", formFieldGroupStyles, className)}>
+                {children}
+            </div>
         </HeadlessListbox>
     );
 };