From 72728c3f5816aa713e496f5976e71de23eb77c31 Mon Sep 17 00:00:00 2001
From: "Yuan (Bob) Gong" <gongyuan94@gmail.com>
Date: Mon, 9 Mar 2020 18:55:52 +0800
Subject: [PATCH] [UI] Fix SideNav too tall when collapsed (#3239)

---
 frontend/src/components/SideNav.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/frontend/src/components/SideNav.tsx b/frontend/src/components/SideNav.tsx
index ac26c1fd7974..64a19b90d936 100644
--- a/frontend/src/components/SideNav.tsx
+++ b/frontend/src/components/SideNav.tsx
@@ -136,11 +136,15 @@ export const css = stylesheet({
     opacity: 0,
     transition: 'opacity 0s',
     transitionDelay: '0s',
+    // guarantees info doesn't affect layout when hidden
+    overflow: 'hidden',
+    height: 0,
   },
   infoVisible: {
     opacity: 'initial',
     transition: 'opacity 0.2s',
     transitionDelay: '0.3s',
+    overflow: 'hidden',
   },
   label: {
     fontSize: fontsize.base,