diff --git a/packages/components/tree/__screenshots__/01-dark.png b/packages/components/tree/__screenshots__/01-dark.png
index 62d51ef350..5aa7462a39 100644
Binary files a/packages/components/tree/__screenshots__/01-dark.png and b/packages/components/tree/__screenshots__/01-dark.png differ
diff --git a/packages/components/tree/__screenshots__/01-light.png b/packages/components/tree/__screenshots__/01-light.png
index 092f1a76f8..e806a39dea 100644
Binary files a/packages/components/tree/__screenshots__/01-light.png and b/packages/components/tree/__screenshots__/01-light.png differ
diff --git a/packages/components/tree/_tree-theme.scss b/packages/components/tree/_tree-theme.scss
index 0019731ac3..4a6afc759a 100644
--- a/packages/components/tree/_tree-theme.scss
+++ b/packages/components/tree/_tree-theme.scss
@@ -53,10 +53,14 @@
 
             &.kbq-checked:not(.kbq-selected),
             &.kbq-tree-option_multiple.kbq-selected {
+                --kbq-option-background: var(--kbq-tree-multiple-states-selected-container-background);
+
                 background: var(--kbq-tree-multiple-states-selected-container-background);
 
                 &:hover,
                 &.kbq-hovered {
+                    --kbq-option-background: var(--kbq-tree-multiple-states-selected-hover-container-background);
+
                     background: var(--kbq-tree-multiple-states-selected-hover-container-background);
                 }
             }