diff --git a/lib/components/display/accordion.jsx b/lib/components/display/accordion.jsx
index 6a28162..1a5715e 100644
--- a/lib/components/display/accordion.jsx
+++ b/lib/components/display/accordion.jsx
@@ -6,6 +6,7 @@ function Accordion({
   heading,
   defaultOpen = false,
   unmountOnClose = false,
+  className,
   children,
 }) {
   return (
@@ -16,7 +17,8 @@ function Accordion({
             <Disclosure.Button
               className={gwMerge(
                 "gw-flex gw-justify-between gw-items-center gw-w-full gw-shadow gw-px-3 gw-py-2 gw-text-sm gw-font-semibold gw-text-gray-500 gw-bg-gray-50 hover:gw-bg-gray-100",
-                open ? "gw-rounded-t" : "gw-rounded"
+                open ? "gw-rounded-t" : "gw-rounded",
+                className
               )}
             >
               {heading}