From e389b284f1fe752821fc03b28893b5b7911fc677 Mon Sep 17 00:00:00 2001
From: Johannes Weber <569011+johannes-weber@users.noreply.github.com>
Date: Thu, 13 Feb 2025 10:02:06 +0100
Subject: [PATCH] fix: Breadcrumb dropdown items have same color on mouse or
 keyboard interaction (#3288)

Co-authored-by: Johannes Weber <jowejowe@amazon.com>
---
 src/button-dropdown/item-element/index.tsx   | 1 +
 src/button-dropdown/item-element/styles.scss | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/src/button-dropdown/item-element/index.tsx b/src/button-dropdown/item-element/index.tsx
index 464a9aadf1..5532bca849 100644
--- a/src/button-dropdown/item-element/index.tsx
+++ b/src/button-dropdown/item-element/index.tsx
@@ -114,6 +114,7 @@ function MenuItem({ item, disabled, highlighted, linkStyle }: MenuItemProps) {
       styles['menu-item'],
       analyticsLabels['menu-item'],
       linkStyle && styles['link-style'],
+      linkStyle && highlighted && styles['link-style-highlighted'],
       isCurrentBreadcrumb && styles['current-breadcrumb']
     ),
     'aria-current': isCurrentBreadcrumb,
diff --git a/src/button-dropdown/item-element/styles.scss b/src/button-dropdown/item-element/styles.scss
index e2579d6864..4227d96f39 100644
--- a/src/button-dropdown/item-element/styles.scss
+++ b/src/button-dropdown/item-element/styles.scss
@@ -70,6 +70,10 @@
       font-weight: styles.$font-weight-bold;
       text-decoration: none;
     }
+
+    &.link-style-highlighted {
+      color: awsui.$color-text-link-hover;
+    }
   }
 
   &:focus {