diff --git a/packages/core/src/renderer/components/layout/sidebar-item.tsx b/packages/core/src/renderer/components/layout/sidebar-item.tsx
index c55b488460..16f515b2bd 100644
--- a/packages/core/src/renderer/components/layout/sidebar-item.tsx
+++ b/packages/core/src/renderer/components/layout/sidebar-item.tsx
@@ -84,6 +84,7 @@ class NonInjectedSidebarItem extends React.Component<
         data-is-active-test={this.isActive}
         data-parent-id-test={this.registration.parentId}
         data-expandable={this.isExpandable}
+        aria-expanded={this.expanded}
       >
         <NavLink
           to={""}
diff --git a/packages/core/src/renderer/components/layout/sidebar-items.module.scss b/packages/core/src/renderer/components/layout/sidebar-items.module.scss
index b182692320..dcaa52062b 100644
--- a/packages/core/src/renderer/components/layout/sidebar-items.module.scss
+++ b/packages/core/src/renderer/components/layout/sidebar-items.module.scss
@@ -5,6 +5,18 @@
   width: 100%;
   user-select: none;
 
+  // Do not highlight active state when item expanded
+  &[aria-expanded='true'] {
+    > .navItem:global(.active) {
+      background-color: transparent;
+      color: var(--textColorPrimary);
+    }
+
+    >.navItem:hover {
+      background: var(--sidebarLogoBackground);
+    }
+  }
+
   > .navItem {
     display: flex;
     gap: 8px;
@@ -34,11 +46,13 @@
   .subMenu {
     .SidebarItem {
       &[data-expandable="true"] {
-        > .navItem > span {
-          font-weight: bolder;
-          color: var(--textColorAccent);
-          opacity: 0.6;
-        }
+        > .navItem {
+          > span {
+            font-weight: bolder;
+            color: var(--textColorAccent);
+            opacity: 0.7;
+          }
+        } 
       }
 
       .navItem {