diff --git a/src/components/src/side-panel/panel-header-action.tsx b/src/components/src/side-panel/panel-header-action.tsx
index a59f290aec..910b636736 100644
--- a/src/components/src/side-panel/panel-header-action.tsx
+++ b/src/components/src/side-panel/panel-header-action.tsx
@@ -85,7 +85,7 @@ export default function PanelHeaderActionFactory(): React.FC<PanelHeaderActionPr
       <HeaderActionWrapper
         className={classnames('panel--header__action', {
           disabled,
-          className
+          ...(className ? {[className]: true} : {})
         })}
         active={active}
         hoverColor={hoverColor}