diff --git a/apps/desktop/src/scss/variables.scss b/apps/desktop/src/scss/variables.scss
index 51a6d2ac840..62d4f23ad46 100644
--- a/apps/desktop/src/scss/variables.scss
+++ b/apps/desktop/src/scss/variables.scss
@@ -61,10 +61,10 @@ $themes: (
     boxBackgroundColor: $box-background-color,
     boxBackgroundHoverColor: $box-background-hover-color,
     boxBorderColor: $box-border-color,
-    headerBackgroundColor: rgb(var(--color-background-alt3)),
-    headerBorderColor: rgb(var(--color-background-alt4)),
-    headerInputBackgroundColor: darken($brand-primary, 8%),
-    headerInputBackgroundFocusColor: darken($brand-primary, 10%),
+    headerBackgroundColor: var(--color-sidenav-background),
+    headerBorderColor: var(--color-sidenav-active-item),
+    headerInputBackgroundColor: darken($brand-primary, 20%),
+    headerInputBackgroundFocusColor: darken($brand-primary, 25%),
     headerInputColor: #ffffff,
     headerInputPlaceholderColor: lighten($brand-primary, 35%),
     listItemBackgroundColor: $background-color,
@@ -122,8 +122,8 @@ $themes: (
     boxBackgroundColor: #2f343d,
     boxBackgroundHoverColor: #3c424e,
     boxBorderColor: #4c525f,
-    headerBackgroundColor: rgb(var(--color-background-alt3)),
-    headerBorderColor: rgb(var(--color-background-alt4)),
+    headerBackgroundColor: var(--color-sidenav-background),
+    headerBorderColor: var(--color-sidenav-active-item),
     headerInputBackgroundColor: #3c424e,
     headerInputBackgroundFocusColor: #4c525f,
     headerInputColor: #ffffff,