diff --git a/frontend/src/components/toolbar/dir-operation-toolbar.js b/frontend/src/components/toolbar/dir-operation-toolbar.js
index f70350f304..72a6d24522 100644
--- a/frontend/src/components/toolbar/dir-operation-toolbar.js
+++ b/frontend/src/components/toolbar/dir-operation-toolbar.js
@@ -293,7 +293,8 @@ class DirOperationToolbar extends React.Component {
               data-toggle="dropdown"
             >
               {this.props.children}
-              <i className="sf3-font-down sf3-font ml-1 path-item-dropdown-toggle"></i>
+              <i className="sf3-font-new sf3-font ml-2"></i>
+              <i className="sf3-font-down sf3-font path-item-dropdown-toggle"></i>
             </DropdownToggle>
             <DropdownMenu onMouseMove={this.onDropDownMouseMove} positionFixed={true}>
               {opList.map((item, index) => {
@@ -351,7 +352,8 @@ class DirOperationToolbar extends React.Component {
             className="path-item"
           >
             {this.props.children}
-            <i className="sf3-font-down sf3-font ml-1 path-item-dropdown-toggle"></i>
+            <i className="sf3-font-new sf3-font ml-2"></i>
+            <i className="sf3-font-down sf3-font path-item-dropdown-toggle"></i>
           </DropdownToggle>
           <DropdownMenu positionFixed={true}>
             {canUpload && (
diff --git a/frontend/src/css/lib-content-view.css b/frontend/src/css/lib-content-view.css
index ed44774ddf..ebc9332948 100644
--- a/frontend/src/css/lib-content-view.css
+++ b/frontend/src/css/lib-content-view.css
@@ -316,9 +316,14 @@
   display: inline-block;
 }
 
+.dir-view-path .sf3-font-new,
 .dir-view-path .path-item-dropdown-toggle {
   color: #666;
+}
+
+.dir-view-path .path-item-dropdown-toggle {
   margin-top: 2px;
+  margin-left: 2px;
 }
 
 .dir-view-path .path-item-drop {
diff --git a/frontend/src/utils/utils.js b/frontend/src/utils/utils.js
index 51a15f1b13..7050f11afc 100644
--- a/frontend/src/utils/utils.js
+++ b/frontend/src/utils/utils.js
@@ -213,11 +213,11 @@ export const Utils = {
     const file_ext = filename.substr(filename.lastIndexOf('.') + 1).toLowerCase();
 
     if (enableOnlyoffice) {
-        return onlyofficeEditFileExtension.includes(file_ext);
+      return onlyofficeEditFileExtension.includes(file_ext);
     } else if (enableOfficeWebApp) {
-        return officeWebAppEditFileExtension.includes(file_ext);
+      return officeWebAppEditFileExtension.includes(file_ext);
     } else {
-        return false;
+      return false;
     }
   },