diff --git a/d2/style/themes/default/src/layout/dashboard/src/style.scss b/d2/style/themes/default/src/layout/dashboard/src/style.scss
index ef711011..74c3eb1d 100644
--- a/d2/style/themes/default/src/layout/dashboard/src/style.scss
+++ b/d2/style/themes/default/src/layout/dashboard/src/style.scss
@@ -69,8 +69,9 @@ html, body, #app {
 
   .layout__header-background {
     @apply box-content;
-    border-bottom-width: 1px;
+    border-bottom-width: --var('header-border-width');
     border-bottom-style: solid;
+    border-color: --var('header-border-color');
   }
   
   .layout__header {
@@ -132,7 +133,6 @@ html, body, #app {
   .container__blur {
     background-color: --var('color-bg-container-rgba-blur');
     backdrop-filter: blur(8px);
-    border-color: --var('color-bg-container');
   }
   @-moz-document url-prefix() {
     .container__blur {
@@ -143,7 +143,6 @@ html, body, #app {
   .app__blur {
     background-color: --var('color-bg-app-rgba-blur');
     backdrop-filter: blur(8px);
-    border-color: --var('color-bg-app');
   }
   @-moz-document url-prefix() {
     .app__blur {
diff --git a/d2/style/themes/default/src/layout/dashboard/src/var.scss b/d2/style/themes/default/src/layout/dashboard/src/var.scss
index 2f355c13..c8f715c7 100644
--- a/d2/style/themes/default/src/layout/dashboard/src/var.scss
+++ b/d2/style/themes/default/src/layout/dashboard/src/var.scss
@@ -42,6 +42,7 @@ $color-bg-container: #FFFFFF;
   // header
   #{--key('header-height')}: --var('item-height');
   #{--key('header-border-width')}: 1px;
+  #{--key('header-border-color')}: --var('color-bg-app');
   // side
   #{--key('side-width')}: 220px;
   #{--key('side-width-collapsed')}: --var('item-height');