diff --git a/frontend/src/css/lib-content-view.css b/frontend/src/css/lib-content-view.css
index 19b6d20b5f..aa16cde712 100644
--- a/frontend/src/css/lib-content-view.css
+++ b/frontend/src/css/lib-content-view.css
@@ -105,9 +105,9 @@
 
 .tree-node-inner .left-icon {
   position: absolute;
-  display:flex;
-  align-items:center;
-  top: 2px;
+  display: flex;
+  align-items: center;
+  top: 1px;
   left: 0;
   padding-left: 1.5rem;
 }
diff --git a/frontend/src/css/shared-file-view.css b/frontend/src/css/shared-file-view.css
index d995f4efe5..951e57f57d 100644
--- a/frontend/src/css/shared-file-view.css
+++ b/frontend/src/css/shared-file-view.css
@@ -25,7 +25,7 @@
   background: #fff;
   margin: 0 auto;
   display: flex;
-  align-items:center;
+  align-items: center;
   justify-content: space-between;
 }
 
diff --git a/frontend/src/css/side-panel.css b/frontend/src/css/side-panel.css
index b40d73da1a..94968ae593 100644
--- a/frontend/src/css/side-panel.css
+++ b/frontend/src/css/side-panel.css
@@ -121,9 +121,9 @@
 
 .tree-node-inner .left-icon {
   position: absolute;
-  display:flex;
+  display: flex;
   justify-content:center;
-  align-items:center;
+  align-items: center;
   top: 2px;
   left: 0;
   padding-left: 1.5rem;
diff --git a/frontend/src/metadata/metadata-tree-view/index.js b/frontend/src/metadata/metadata-tree-view/index.js
index 17b09d67b7..66d7833b42 100644
--- a/frontend/src/metadata/metadata-tree-view/index.js
+++ b/frontend/src/metadata/metadata-tree-view/index.js
@@ -126,7 +126,8 @@ const MetadataTreeView = ({ userPerm, currentPath }) => {
                   onCopy={() => duplicateView(view._id)}
                   onUpdate={(update, successCallback, failCallback) => onUpdateView(view._id, update, successCallback, failCallback)}
                   onMove={moveView}
-                />);
+                />
+              );
             })}
             {showInput && (
               <Form onSubmit={handleInputSubmit} className='tree-view-inner sf-metadata-view-form'>
diff --git a/media/css/seahub_react.css b/media/css/seahub_react.css
index 6e2d4b1ff8..8ed6317ebe 100644
--- a/media/css/seahub_react.css
+++ b/media/css/seahub_react.css
@@ -609,15 +609,15 @@ a, a:hover { color: #ec8000; }
 }
 
 .side-nav {
-  flex:auto;
-  display:flex;
+  flex: auto;
+  display: flex;
   flex-direction: column;
   justify-content: space-between; /* make .side-nav-footer on the bottom */
   overflow:hidden; /* for ff */
 }
 
 .side-nav:hover {
-  overflow-y:auto;
+  overflow-y: auto;
 }
 
 .side-nav-con {