diff --git a/packages/components/src/components/Breadcrumbs/Breadcrumbs.tsx b/packages/components/src/components/Breadcrumbs/Breadcrumbs.tsx
index c7f8f7dbd6..4e7763bef1 100644
--- a/packages/components/src/components/Breadcrumbs/Breadcrumbs.tsx
+++ b/packages/components/src/components/Breadcrumbs/Breadcrumbs.tsx
@@ -27,6 +27,7 @@ interface BreadcrumbsProps<T> extends RACBreadcrumbsProps<T> {
  * Breadcrumbs display a hierarchy of links to the current page or resource in an application.
  */
 export function Breadcrumbs({
+  className,
   items,
   root,
   includeRoot,
@@ -42,9 +43,9 @@ export function Breadcrumbs({
 
   return (
     <nav aria-label="breadcrumbs" role="navigation">
-      <RACBreadcrumbs items={itemsWithRoot || items}>
+      <RACBreadcrumbs className={className} items={itemsWithRoot || items}>
         {(item) => (
-          <RACBreadcrumb id={item['@id']}>
+          <RACBreadcrumb className={className} id={item['@id']}>
             <Link href={item['@id']}>
               {item['@id'] === (root || '/') && <HomeIcon size="S" />}
               {item.title}