Fixed sidebar context header hover colorsnew-sidebar-context-header-hover-color

Closes #35999

1 files changed, 4 insertions, 10 deletions

diff --git a/app/assets/stylesheets/new_sidebar.scss b/app/assets/stylesheets/new_sidebar.scss
index 3d202183c82..854fa0e516f 100644
--- a/app/assets/stylesheets/new_sidebar.scss
+++ b/app/assets/stylesheets/new_sidebar.scss
@@ -8,8 +8,8 @@ $active-color: $indigo-700;
 $active-hover-background: $active-background;
 $active-hover-color: $gl-text-color;
 $inactive-badge-background: rgba(0, 0, 0, .08);
-$hover-background: $indigo-700;
-$hover-color: $white-light;
+$hover-background: $white-light;
+$hover-color: $gl-text-color;
 $inactive-color: $gl-text-color-secondary;
 $new-sidebar-width: 220px;
 
@@ -33,6 +33,7 @@ $new-sidebar-width: 220px;
   position: relative;
 
   a {
+    margin-right: 2px;
     border-bottom: 1px solid $border-color;
     font-weight: 600;
     display: flex;
@@ -47,15 +48,8 @@ $new-sidebar-width: 220px;
     &:hover {
       background-color: $hover-background;
       color: $hover-color;
-      border-color: $hover-background;
-
-      .avatar-container {
-        border-color: transparent;
-      }
 
       .settings-avatar {
-        background-color: $indigo-500;
-
         i {
           color: $hover-color;
         }
@@ -233,7 +227,7 @@ $new-sidebar-width: 220px;
     &:not(.active) {
       > a {
         margin-left: 1px;
-        margin-right: 3px;
+        margin-right: 2px;
       }
 
       .sidebar-sub-level-items {