From 6aa7ad2e1f0fcd2510b556a777ceb3b4814c9cf1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?F=C3=A1bio=20Santos?= <fabiosantosart@gmail.com>
Date: Fri, 24 Jan 2020 15:50:29 +0000
Subject: [PATCH] sidebar: do not highlight links on hover

Fixes #618
---
 src/Documentation/SidebarMenu/SidebarMenu.js | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/Documentation/SidebarMenu/SidebarMenu.js b/src/Documentation/SidebarMenu/SidebarMenu.js
index e5f1ab08111..0f9d9d8950d 100644
--- a/src/Documentation/SidebarMenu/SidebarMenu.js
+++ b/src/Documentation/SidebarMenu/SidebarMenu.js
@@ -184,12 +184,13 @@ const SectionLinks = styled.div`
   }
 `
 
+const sectionLinkColor = '#b0b8c5'
 const SectionLink = styled.a`
   display: block;
   position: relative;
   font-size: 18px;
   font-weight: 500;
-  color: #b0b8c5;
+  color: ${sectionLinkColor};
   text-decoration: none;
   font-weight: 400;
   line-height: 26px;
@@ -206,6 +207,9 @@ const SectionLink = styled.a`
 
   &:hover {
     color: #3c3937;
+    ${media.phablet`
+      color: ${sectionLinkColor};
+    `}
   }
 
   &::before {