diff --git a/packages/app/src/ui/breadcrumbs/index.ts b/packages/app/src/ui/breadcrumbs/index.ts
index 82fda906d5..007554be72 100644
--- a/packages/app/src/ui/breadcrumbs/index.ts
+++ b/packages/app/src/ui/breadcrumbs/index.ts
@@ -1,2 +1,8 @@
 import MuiBreadcrumbs from '@mui/material/Breadcrumbs';
-export { MuiBreadcrumbs };
+import { styled } from '@/styles';
+
+export const Breadcrumbs = styled(MuiBreadcrumbs)(({ theme }) => {
+  return {
+    color: theme.colors.popoverColor,
+  };
+});