diff --git a/src/components/form-field/multi-combobox/multi-combobox-options.tsx b/src/components/form-field/multi-combobox/multi-combobox-options.tsx
index 46e0b5c1..285164d0 100644
--- a/src/components/form-field/multi-combobox/multi-combobox-options.tsx
+++ b/src/components/form-field/multi-combobox/multi-combobox-options.tsx
@@ -1,15 +1,20 @@
 import React from "react";
 import { Combobox as HeadlessCombobox } from "@headlessui/react";
+import { classNames } from "../../../util/class-names";
 
 export interface MultiComboboxOptionsProps {
     children: React.ReactNode;
+    className?: string;
 }
 
-const MultiComboboxOptions = ({ children }: MultiComboboxOptionsProps) => {
+const MultiComboboxOptions = ({ children, className }: MultiComboboxOptionsProps) => {
     return (
         <HeadlessCombobox.Options
             hold
-            className="absolute mt-1 max-h-60 w-full overflow-auto rounded-md border border-neutral-300 bg-neutral-0 shadow-md outline-none ring-0"
+            className={classNames(
+                "absolute mt-1 max-h-60 w-full overflow-auto rounded-md border border-neutral-300 bg-neutral-0 shadow-md outline-none ring-0",
+                className
+            )}
         >
             {children}
         </HeadlessCombobox.Options>