From ad5f55db8da01b89a876c9b0bb889357ce92f959 Mon Sep 17 00:00:00 2001
From: Matheus Wichman <matheushw@outlook.com>
Date: Tue, 17 Mar 2020 14:38:43 -0300
Subject: [PATCH] [docs] Fix Gmail demo

---
 docs/src/pages/components/tree-view/GmailTreeView.js  | 2 +-
 docs/src/pages/components/tree-view/GmailTreeView.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/docs/src/pages/components/tree-view/GmailTreeView.js b/docs/src/pages/components/tree-view/GmailTreeView.js
index 219cd86df796b9..a5a68d74dd2049 100644
--- a/docs/src/pages/components/tree-view/GmailTreeView.js
+++ b/docs/src/pages/components/tree-view/GmailTreeView.js
@@ -25,7 +25,7 @@ const useTreeItemStyles = makeStyles(theme => ({
       color: 'var(--tree-view-color)',
     },
     '&:focus > $content $label, &:hover > $content $label, &$selected > $content $label': {
-      backgroundColor: 'transparent',
+      backgroundColor: 'transparent !important',
     },
   },
   content: {
diff --git a/docs/src/pages/components/tree-view/GmailTreeView.tsx b/docs/src/pages/components/tree-view/GmailTreeView.tsx
index f1e4ca54b83f27..91785dab9fab73 100644
--- a/docs/src/pages/components/tree-view/GmailTreeView.tsx
+++ b/docs/src/pages/components/tree-view/GmailTreeView.tsx
@@ -41,7 +41,7 @@ const useTreeItemStyles = makeStyles((theme: Theme) =>
         color: 'var(--tree-view-color)',
       },
       '&:focus > $content $label, &:hover > $content $label, &$selected > $content $label': {
-        backgroundColor: 'transparent',
+        backgroundColor: 'transparent !important',
       },
     },
     content: {