diff --git a/dashboard/src/components/SideBarItem.vue b/dashboard/src/components/SideBarItem.vue
index 68b171944..18dc72667 100644
--- a/dashboard/src/components/SideBarItem.vue
+++ b/dashboard/src/components/SideBarItem.vue
@@ -178,7 +178,7 @@ function onBackdrop(event) {
 .sidebar-item-menu {
   position: absolute;
   z-index: 3002; /* backdrop is at 3001 -> see pankow */
-  background-color: #e9ecef;
+  background-color: var(--navbar-background);
   border-top-right-radius: var(--pankow-border-radius);
   border-bottom-right-radius: var(--pankow-border-radius);
 }
@@ -197,13 +197,14 @@ function onBackdrop(event) {
 }
 
 .sidebar-item-header {
+  background-color: #e9ecef;
   display: block;
   font-weight: bold;
   color: var(--pankow-text-color);
   padding: 10px 15px;
   white-space: nowrap;
-  border-bottom: 1px solid #d8dee4;
   border-radius: 0;
+  border-top-right-radius: var(--pankow-border-radius);
 }
 
 .sidebar-item {
@@ -232,14 +233,11 @@ function onBackdrop(event) {
 }
 
 @media (prefers-color-scheme: dark) {
-  .sidebar-item:hover {
-    background-color: var(--card-background);
-  }
-
-  .sidebar-item-menu,
+  .sidebar-item-header,
+  .sidebar-item:hover,
   .sidebar-item-menu-open,
   .sidebar-item-menu-anchor::before {
-    background-color: var(--card-background);
+    background-color: #282d38;
   }
 }