diff --git a/src/lib/components/Sidebar/Sidebar.tsx b/src/lib/components/Sidebar/Sidebar.tsx
index 7eaec73d2..d39d210d3 100644
--- a/src/lib/components/Sidebar/Sidebar.tsx
+++ b/src/lib/components/Sidebar/Sidebar.tsx
@@ -41,6 +41,7 @@ const SidebarComponent: FC<SidebarProps> = ({
   collapseBehavior = 'collapse',
   collapsed: isCollapsed = false,
   theme: customTheme = {},
+  className,
   ...props
 }) => {
   const theme = mergeDeep(useTheme().theme.sidebar, customTheme);
@@ -50,7 +51,7 @@ const SidebarComponent: FC<SidebarProps> = ({
       <aside
         aria-label="Sidebar"
         hidden={isCollapsed && collapseBehavior === 'hide'}
-        className={classNames(theme.root.base, theme.root.collapsed[isCollapsed ? 'on' : 'off'])}
+        className={classNames(theme.root.base, theme.root.collapsed[isCollapsed ? 'on' : 'off'], className)}
         {...props}
       >
         <div className={theme.root.inner}>{children}</div>