diff --git a/apps/web/res/css/structures/_SpaceHierarchy.pcss b/apps/web/res/css/structures/_SpaceHierarchy.pcss
index 7f6a429543..587e5d4c7e 100644
--- a/apps/web/res/css/structures/_SpaceHierarchy.pcss
+++ b/apps/web/res/css/structures/_SpaceHierarchy.pcss
@@ -223,7 +223,7 @@ Please see LICENSE files in the repository root for full details.
 
                 &:hover,
                 &:focus-within {
-                    background-color: $spacePanel-bg-color;
+                    background-color: var(--cpd-color-bg-subtle-secondary);
 
                     .mx_AccessibleButton {
                         visibility: visible;
@@ -245,7 +245,7 @@ Please see LICENSE files in the repository root for full details.
         &::before {
             content: "";
             position: absolute;
-            background-color: $spacePanel-bg-color;
+            background-color: var(--cpd-color-gray-400);
             width: 1px;
             height: 100%;
             left: 6px;