diff --git a/apps/desktop/src/scss/header.scss b/apps/desktop/src/scss/header.scss
index cdd579a6554..9cc77401c20 100644
--- a/apps/desktop/src/scss/header.scss
+++ b/apps/desktop/src/scss/header.scss
@@ -2,7 +2,6 @@
   -webkit-app-region: drag;
   min-height: 54px;
   max-height: 54px;
-  border-bottom: 1px solid #000000;
   display: grid;
   grid-template-columns: 25% 1fr 25%;
   grid-column-gap: 5px;
@@ -11,7 +10,6 @@
 
   @include themify($themes) {
     background-color: themed("headerBackgroundColor");
-    border-bottom-color: themed("headerBorderColor");
 
     app-search {
       grid-column-start: 2;
diff --git a/apps/desktop/src/scss/variables.scss b/apps/desktop/src/scss/variables.scss
index 0afff76e4ef..a00257ed608 100644
--- a/apps/desktop/src/scss/variables.scss
+++ b/apps/desktop/src/scss/variables.scss
@@ -59,8 +59,8 @@ $themes: (
     boxBackgroundColor: $box-background-color,
     boxBackgroundHoverColor: $box-background-hover-color,
     boxBorderColor: $box-border-color,
-    headerBackgroundColor: $brand-primary,
-    headerBorderColor: darken($brand-primary, 7%),
+    headerBackgroundColor: rgb(var(--color-background-alt3)),
+    headerBorderColor: rgb(var(--color-background-alt4)),
     headerInputBackgroundColor: darken($brand-primary, 8%),
     headerInputBackgroundFocusColor: darken($brand-primary, 10%),
     headerInputColor: #ffffff,
@@ -118,8 +118,8 @@ $themes: (
     boxBackgroundColor: #2f343d,
     boxBackgroundHoverColor: #3c424e,
     boxBorderColor: #4c525f,
-    headerBackgroundColor: #2f343d,
-    headerBorderColor: #15181e,
+    headerBackgroundColor: rgb(var(--color-background-alt3)),
+    headerBorderColor: rgb(var(--color-background-alt4)),
     headerInputBackgroundColor: #3c424e,
     headerInputBackgroundFocusColor: #4c525f,
     headerInputColor: #ffffff,