From e3aad9ba8f5ac65d5e076c1786dcf5fbb45361bd Mon Sep 17 00:00:00 2001
From: willbreitkreutz <will.l.breitkreutz@usace.army.mil>
Date: Wed, 12 Aug 2026 17:44:09 +0000
Subject: [PATCH 1/3] Remove "gw-" from underline class so breadcrumbs have an
 underline when hovered.

---
 lib/components/navigation/breadcrumbs.jsx | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/lib/components/navigation/breadcrumbs.jsx b/lib/components/navigation/breadcrumbs.jsx
index 11f3503a..5935db80 100644
--- a/lib/components/navigation/breadcrumbs.jsx
+++ b/lib/components/navigation/breadcrumbs.jsx
@@ -19,10 +19,7 @@ function BreadcrumbItem({ className, href, text }) {
           aria-hidden="true"
           color="rgb(156 163 175)"
         />
-        <Link
-          href={href}
-          className="gw-ml-2 gw-text-nowrap  gw-hover:gw-underline"
-        >
+        <Link href={href} className="gw-ml-2 gw-text-nowrap hover:gw-underline">
           {text}
         </Link>
       </div>

From 29a113cc5967fa6ed44b9ef6244481fc6be14435 Mon Sep 17 00:00:00 2001
From: willbreitkreutz <will.l.breitkreutz@usace.army.mil>
Date: Wed, 12 Aug 2026 17:48:59 +0000
Subject: [PATCH 2/3] Darkened up the colors used by breadcrumb components,
 default and hover states.

---
 lib/components/navigation/breadcrumbs.jsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/lib/components/navigation/breadcrumbs.jsx b/lib/components/navigation/breadcrumbs.jsx
index 5935db80..9f527479 100644
--- a/lib/components/navigation/breadcrumbs.jsx
+++ b/lib/components/navigation/breadcrumbs.jsx
@@ -7,7 +7,7 @@ import Link from "./link";
 function BreadcrumbItem({ className, href, text }) {
   const breadcrumbItemClass = useMemo(() => {
     return gwMerge(
-      "gw-text-gray-300 hover:gw-text-gray-500 last:gw-text-gray-900",
+      "gw-text-gray-500 hover:gw-text-gray-700 last:gw-text-gray-900",
       className,
     );
   }, [className]);
@@ -17,7 +17,7 @@ function BreadcrumbItem({ className, href, text }) {
         <VscChevronRight
           size={18}
           aria-hidden="true"
-          color="rgb(156 163 175)"
+          color="gw-text-gray-500"
         />
         <Link href={href} className="gw-ml-2 gw-text-nowrap hover:gw-underline">
           {text}
@@ -40,7 +40,7 @@ function Breadcrumbs({ className, children, baseUrl }) {
         <div>
           <Link
             href={baseUrl}
-            className="gw-text-gray-300 gw-hover:gw-text-gray-500"
+            className="gw-text-gray-500 hover:gw-text-gray-700"
           >
             <MdHome size={22} />
             <span className="gw-sr-only">Home</span>

From 5fc1748e9b26e58501e786b3c3935f71020fa843 Mon Sep 17 00:00:00 2001
From: Will Breitkreutz <will.l.breitkreutz@usace.army.mil>
Date: Wed, 12 Aug 2026 13:06:58 -0500
Subject: [PATCH 3/3] Update lib/components/navigation/breadcrumbs.jsx

Fine

Co-authored-by: Troy Weber <88102510+TroyWeber-SAJ@users.noreply.github.com>
---
 lib/components/navigation/breadcrumbs.jsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/lib/components/navigation/breadcrumbs.jsx b/lib/components/navigation/breadcrumbs.jsx
index 9f527479..87c96e75 100644
--- a/lib/components/navigation/breadcrumbs.jsx
+++ b/lib/components/navigation/breadcrumbs.jsx
@@ -19,7 +19,10 @@ function BreadcrumbItem({ className, href, text }) {
           aria-hidden="true"
           color="gw-text-gray-500"
         />
-        <Link href={href} className="gw-ml-2 gw-text-nowrap hover:gw-underline">
+        <Link
+          href={href}
+          className="gw-ml-2 gw-text-nowrap  gw-hover:gw-underline"
+        >
           {text}
         </Link>
       </div>