diff --git a/src/components/breadcrumbs/breadcrumbs-item.tsx b/src/components/breadcrumbs/breadcrumbs-item.tsx
index bd5ebdbe..695f8955 100644
--- a/src/components/breadcrumbs/breadcrumbs-item.tsx
+++ b/src/components/breadcrumbs/breadcrumbs-item.tsx
@@ -5,21 +5,21 @@ interface BreadcrumbItemProps {
     children: React.ReactNode;
     className?: string;
     href?: string;
-    active?: boolean;
+    isActive?: boolean;
 }
 
 export const BreadcrumbsItem: React.FC<BreadcrumbItemProps> = ({
     children,
     className,
     href,
-    active,
+    isActive,
 }) => {
     return (
         <a
             className={classNames(
                 "headline-500 text-neutral-800",
-                !active && "cursor-pointer underline-offset-2 hover:underline",
-                active && "text-black",
+                !isActive && "cursor-pointer underline-offset-2 hover:underline",
+                isActive && "text-black",
                 className
             )}
             href={href}