diff --git a/packages/raystack/components/breadcrumb/breadcrumb-item.tsx b/packages/raystack/components/breadcrumb/breadcrumb-item.tsx
index 0b3471ac2..a4c91af43 100644
--- a/packages/raystack/components/breadcrumb/breadcrumb-item.tsx
+++ b/packages/raystack/components/breadcrumb/breadcrumb-item.tsx
@@ -55,7 +55,11 @@ export const BreadcrumbItem = forwardRef<
     if (dropdownItems) {
       return (
         <Menu>
-          <Menu.Trigger className={styles['breadcrumb-dropdown-trigger']}>
+          <Menu.Trigger
+            ref={ref as React.Ref<HTMLButtonElement>}
+            className={cx(styles['breadcrumb-dropdown-trigger'], className)}
+            {...(props as React.ButtonHTMLAttributes<HTMLButtonElement>)}
+          >
             {label}
             <ChevronDownIcon className={styles['breadcrumb-dropdown-icon']} />
           </Menu.Trigger>