diff --git a/apps/client/src/widgets/layout/Breadcrumb.css b/apps/client/src/widgets/layout/Breadcrumb.css
index 626169d45..494483e0d 100644
--- a/apps/client/src/widgets/layout/Breadcrumb.css
+++ b/apps/client/src/widgets/layout/Breadcrumb.css
@@ -69,6 +69,7 @@
         overflow: hidden;
         display: block;
         max-width: 300px;
+        color: var(--custom-color, inherit) !important;
     }
 
     a.breadcrumb-last-item,
diff --git a/apps/client/src/widgets/layout/Breadcrumb.tsx b/apps/client/src/widgets/layout/Breadcrumb.tsx
index 72ad55988..6454aea19 100644
--- a/apps/client/src/widgets/layout/Breadcrumb.tsx
+++ b/apps/client/src/widgets/layout/Breadcrumb.tsx
@@ -198,6 +198,7 @@ function BreadcrumbSeparatorDropdownContent({ notePath, noteContext, activeNoteP
                 return <li key={note.noteId}>
                     <FormListItem
                         icon={note.getIcon()}
+                        className={note.getColorClass()}
                         onClick={() => noteContext?.setNote(childNotePath)}
                     >
                         {childNotePath !== activeNotePath