diff --git a/frontend/src/components/main-side-nav.js b/frontend/src/components/main-side-nav.js
index 0f7688ab1b..295045843f 100644
--- a/frontend/src/components/main-side-nav.js
+++ b/frontend/src/components/main-side-nav.js
@@ -138,7 +138,7 @@ class MainSideNav extends React.Component {
       }
       height = this.adminHeight;
     }
-    let style = {height: height};
+    let style = { height, opacity: height === 0 ? 0 : 1 };
 
     let linksNavItem = null;
     if (canGenerateShareLink) {
diff --git a/media/css/seahub_react.css b/media/css/seahub_react.css
index 20ac438dee..37f7c0476d 100644
--- a/media/css/seahub_react.css
+++ b/media/css/seahub_react.css
@@ -1462,6 +1462,7 @@ a.table-sort-op:hover {
   z-index: 2;
 }
 
+.side-panel .side-nav .side-nav-con #share-admin-nav .nav-item.active::before,
 .side-panel .side-nav .side-nav-con #files-sub-nav .nav-item.active::before {
   top: 2px;
   height: 24px;