From c6f7852017ea93aba9ffad8682fda9dc26e59e49 Mon Sep 17 00:00:00 2001
From: Jerel Miller <jmiller@newrelic.com>
Date: Tue, 16 Jun 2020 18:37:17 -0700
Subject: [PATCH] chore: Back to display none

---
 src/components/Sidebar.js          | 2 +-
 src/components/Sidebar.module.scss | 6 ++----
 2 files changed, 3 insertions(+), 5 deletions(-)

diff --git a/src/components/Sidebar.js b/src/components/Sidebar.js
index c10f4a0e8..789a97213 100644
--- a/src/components/Sidebar.js
+++ b/src/components/Sidebar.js
@@ -29,7 +29,7 @@ const renderNav = (pages, depthLevel = 0) => {
       )}
       {pages.map((page) => {
         const [isExpanded, setIsExpanded] = useState(
-          crumbs.includes(page.displayName)
+          crumbs.length === depthLevel || crumbs.includes(page.displayName)
         );
         const isCurrentPage = crumbs[crumbs.length - 1] === page.displayName;
 
diff --git a/src/components/Sidebar.module.scss b/src/components/Sidebar.module.scss
index cfd0c3c3e..4602738b1 100644
--- a/src/components/Sidebar.module.scss
+++ b/src/components/Sidebar.module.scss
@@ -31,12 +31,10 @@
 
 .nestedNav {
   padding-left: 1rem;
-  height: 0;
-  visibility: hidden;
+  display: none;
 
   &.isExpanded {
-    height: auto;
-    visibility: visible;
+    display: block;
   }
 }