diff --git a/platform/ui-next/src/components/PanelSection/PanelSection.tsx b/platform/ui-next/src/components/PanelSection/PanelSection.tsx
index 37811601f..2559d5858 100644
--- a/platform/ui-next/src/components/PanelSection/PanelSection.tsx
+++ b/platform/ui-next/src/components/PanelSection/PanelSection.tsx
@@ -28,13 +28,14 @@ interface PanelSectionContentProps {
 export const PanelSection: React.FC<PanelSectionProps> & {
   Header: React.FC<PanelSectionHeaderProps>;
   Content: React.FC<PanelSectionContentProps>;
-} = ({ children, defaultOpen = true, className }) => {
+} = ({ children, defaultOpen = true, className, ...props }) => {
   return (
     <Accordion
       type="single"
       collapsible
       defaultValue={defaultOpen ? 'item' : undefined}
       className={cn('flex-shrink-0 overflow-hidden', className)}
+      {...props}
     >
       <AccordionItem
         value="item"