Merge pull request #2397 from hashicorp/hds-3816/breadcrumb-token-fix

`Breadcrumb`: fix background-color for `Breadcrumb::Truncation`
hashicorp · Sep 9, 2024 · a5e990e · a5e990e
2 parents 40fa6bc + 7f2ac60
commit a5e990e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/fuzzy-buses-mate.md b/.changeset/fuzzy-buses-mate.md
@@ -0,0 +1,5 @@
+---
+"@hashicorp/design-system-components": patch
+---
+
+`Breadrcumb`: fix background hover color for `Breadcrumb::Truncation`
diff --git a/packages/components/src/styles/components/breadcrumb.scss b/packages/components/src/styles/components/breadcrumb.scss
@@ -160,7 +160,8 @@ $hds-breadcrumb-item-visual-horizontal-padding: 4px;
  &:hover,
  &.mock-hover {
  color: var(--token-color-foreground-faint);
- border-color: var(--token-color-border-strong);
+ background-color: var(--token-color-surface-interactive);
+ border-color: var(--token-color-border-strong)
  }
 
  // we apply the focus directly to the element, without using a pseudo-element