diff --git a/src/app/[locale]/(console)/flow/event-signup/[event]/page.tsx b/src/app/[locale]/(console)/flow/event-signup/[event]/page.tsx
index d8fc0c1..71f49fe 100644
--- a/src/app/[locale]/(console)/flow/event-signup/[event]/page.tsx
+++ b/src/app/[locale]/(console)/flow/event-signup/[event]/page.tsx
@@ -272,7 +272,7 @@ function Render({
                                     {tournament_path.map((item, i) =>
                                         item.id == event.id ? (
                                             <BreadcrumbItem key={item.id}>
-                                                <BreadcrumbPage>
+                                                <BreadcrumbPage className="text-white">
                                                     {item.name}
                                                 </BreadcrumbPage>
                                             </BreadcrumbItem>
@@ -280,7 +280,7 @@ function Render({
                                             <Fragment key={item.id}>
                                                 <BreadcrumbItem>
                                                     <BreadcrumbLink
-                                                        className="flex items-center gap-2"
+                                                        className="flex items-center gap-2 text-white/60 hover:text-white"
                                                         href={
                                                             linkToProfile(
                                                                 item,
diff --git a/src/app/[locale]/(public)/e/[event]/page.tsx b/src/app/[locale]/(public)/e/[event]/page.tsx
index 4312e36..1003713 100644
--- a/src/app/[locale]/(public)/e/[event]/page.tsx
+++ b/src/app/[locale]/(public)/e/[event]/page.tsx
@@ -99,7 +99,7 @@ export default function Page() {
                                 {tournament_path.map((item, i) =>
                                     item.id == event.id ? (
                                         <BreadcrumbItem key={item.id}>
-                                            <BreadcrumbPage>
+                                            <BreadcrumbPage className="text-white">
                                                 {item.name}
                                             </BreadcrumbPage>
                                         </BreadcrumbItem>
@@ -107,7 +107,7 @@ export default function Page() {
                                         <Fragment key={item.id}>
                                             <BreadcrumbItem>
                                                 <BreadcrumbLink
-                                                    className="flex items-center gap-2"
+                                                    className="flex items-center gap-2 text-white/60 hover:text-white"
                                                     href={
                                                         linkToProfile(
                                                             item,
diff --git a/src/app/[locale]/(public)/e/[event]/registration/[id]/page.tsx b/src/app/[locale]/(public)/e/[event]/registration/[id]/page.tsx
index ab2ba09..8a5b7c1 100644
--- a/src/app/[locale]/(public)/e/[event]/registration/[id]/page.tsx
+++ b/src/app/[locale]/(public)/e/[event]/registration/[id]/page.tsx
@@ -133,7 +133,7 @@ export default function Page() {
                                 {tournament_path.map((item, i) =>
                                     item.id == event.id ? (
                                         <BreadcrumbItem key={item.id}>
-                                            <BreadcrumbPage>
+                                            <BreadcrumbPage className="text-white">
                                                 {item.name}
                                             </BreadcrumbPage>
                                         </BreadcrumbItem>
@@ -141,7 +141,7 @@ export default function Page() {
                                         <Fragment key={item.id}>
                                             <BreadcrumbItem>
                                                 <BreadcrumbLink
-                                                    className="flex items-center gap-2"
+                                                    className="flex items-center gap-2 text-white/60 hover:text-white"
                                                     href={
                                                         linkToProfile(
                                                             item,