diff --git a/.changeset/fuzzy-buses-mate.md b/.changeset/fuzzy-buses-mate.md
new file mode 100644
index 0000000000..dfd96c3727
--- /dev/null
+++ 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
index e06c17f541..42f0c2d922 100644
--- 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