diff --git a/dashboard/src/components/SideBarItem.vue b/dashboard/src/components/SideBarItem.vue
index 668275711..3c52345ed 100644
--- a/dashboard/src/components/SideBarItem.vue
+++ b/dashboard/src/components/SideBarItem.vue
@@ -66,7 +66,7 @@ const elem = useTemplateRef('elem');
 
 function toggleMenu() {
   if (props.collapsed && window.innerWidth >= 576) {
-    subMenuElement.value.style.left = elem.value.getBoundingClientRect().right - 5 + 'px';
+    subMenuElement.value.style.left = elem.value.getBoundingClientRect().right + 10 + 'px';
     subMenuElement.value.style.top = elem.value.getBoundingClientRect().top + 'px';
     isMenuOpen.value = true;
   } else {
@@ -120,13 +120,24 @@ function onBackdrop(event) {
   position: absolute;
   z-index: 3002; /* backdrop is at 3001 -> see pankow */
   background-color: #e9ecef;
-  border-radius: var(--pankow-border-radius);
+  border-top-right-radius: var(--pankow-border-radius);
+  border-bottom-right-radius: var(--pankow-border-radius);
 }
 
 .sidebar-item-menu-open {
   background-color: #e9ecef;
 }
 
+.sidebar-item-menu .sidebar-item:first-child::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: -20px;
+  width: 20px;
+  height: 37px;
+  background-color: #e9ecef;
+}
+
 .sidebar-item {
   display: block;
   color: var(--pankow-text-color);
@@ -159,7 +170,8 @@ function onBackdrop(event) {
   }
 
   .sidebar-item-menu,
-  .sidebar-item-menu-open {
+  .sidebar-item-menu-open,
+  .sidebar-item-menu .sidebar-item:first-child::before {
     background-color: var(--card-background);
   }
 }