diff --git a/frontend/src/css/system-info.css b/frontend/src/css/system-info.css
index 43c53a70f5..c0ab0a2b19 100644
--- a/frontend/src/css/system-info.css
+++ b/frontend/src/css/system-info.css
@@ -8,6 +8,7 @@
   margin: 0;
 }
 .content {
+  display: flex;
   padding: 0rem 1rem 8rem;
   overflow: auto;
 }
diff --git a/media/css/seahub_react.css b/media/css/seahub_react.css
index 85b4f2bc3b..d2b02cdc39 100644
--- a/media/css/seahub_react.css
+++ b/media/css/seahub_react.css
@@ -577,8 +577,13 @@ ul,ol,li {
 }
 
 .side-nav-con {
-    overflow: auto;
+    flex: 1;
     padding:12px;
+    overflow: hidden;
+}
+
+.side-nav-con:hover {
+    overflow-y: auto;
 }
 
 .side-nav-link {