1 files changed, 22 insertions, 1 deletions
diff --git a/app/assets/stylesheets/framework/secondary_navigation_elements.scss b/app/assets/stylesheets/framework/secondary_navigation_elements.scss
index 549b61aedae..74aed1bd984 100644
--- a/app/assets/stylesheets/framework/secondary_navigation_elements.scss
+++ b/app/assets/stylesheets/framework/secondary_navigation_elements.scss
@@ -273,6 +273,18 @@
     @include scrolling-links();
   }
 
+  .fade-left::after,
+  .fade-right::after {
+    content: '';
+    pointer-events: none;
+    z-index: -1;
+    display: block;
+    width: 16px;
+    height: 100%;
+    position: absolute;
+    top: 0;
+  }
+
   .fade-right {
     @include fade(left, $gray-light);
     right: -5px;
@@ -280,6 +292,11 @@
     svg {
       right: -7px;
     }
+
+    &::after {
+      right: 0;
+      background: linear-gradient(270deg, $white, transparent);
+    }
   }
 
   .fade-left {
@@ -290,6 +307,11 @@
     svg {
       left: -7px;
     }
+
+    &::after {
+      left: 0;
+      background: linear-gradient(90deg, $white, transparent);
+    }
   }
 }
 
@@ -316,7 +338,6 @@
 
   .fade-right,
   .fade-left {
-    bottom: $gl-padding;
     top: auto;
   }