Fix TabList classNameOverride usage (#4414)

cultureamp · Dec 18, 2023 · 9a18c2c · 9a18c2c
1 parent 423c469
commit 9a18c2c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/.changeset/silly-snails-drive.md b/.changeset/silly-snails-drive.md
@@ -0,0 +1,5 @@
+---
+"@kaizen/components": patch
+---
+
+TabList now uses classNameOverride correctly
diff --git a/packages/components/src/Tabs/subcomponents/TabList.tsx b/packages/components/src/Tabs/subcomponents/TabList.tsx
@@ -24,12 +24,17 @@ export const TabList = (props: TabListProps): JSX.Element => {
     "aria-label": ariaLabel,
     noPadding = false,
     children,
+    classNameOverride,
     ...restProps
   } = props
   return (
     <ReachTabList
       aria-label={ariaLabel}
-      className={classnames(styles.tabList, noPadding && styles.noPadding)}
+      className={classnames(
+        styles.tabList,
+        classNameOverride,
+        noPadding && styles.noPadding
+      )}
       {...restProps}
     >
       {children}