diff --git a/frontend/src/pages/sys-admin/index.js b/frontend/src/pages/sys-admin/index.js
index f09f842393..5b0263de7e 100644
--- a/frontend/src/pages/sys-admin/index.js
+++ b/frontend/src/pages/sys-admin/index.js
@@ -40,7 +40,7 @@ class SysAdmin extends React.Component {
 
     return (
       <div id="main">
-        <SidePanel isSidePanelClosed={isSidePanelClosed} onCloseSidePanel={this.onCloseSidePanel} />
+        <SidePanel isSidePanelClosed={isSidePanelClosed} onCloseSidePanel={this.onCloseSidePanel} currentTab={currentTab}/>
         <MainPanel>
           <Router className="reach-router">
             <FileScanRecords
diff --git a/frontend/src/pages/sys-admin/side-panel.js b/frontend/src/pages/sys-admin/side-panel.js
index f3ac2e2065..eee18bd19e 100644
--- a/frontend/src/pages/sys-admin/side-panel.js
+++ b/frontend/src/pages/sys-admin/side-panel.js
@@ -10,10 +10,15 @@ import { gettext, siteRoot, isPro, isDefaultAdmin, canViewSystemInfo, canViewSta
 const propTypes = {
   isSidePanelClosed: PropTypes.bool.isRequired,
   onCloseSidePanel: PropTypes.func.isRequired,
+  currentTab: PropTypes.string.isRequired,
 };
 
 class SidePanel extends React.Component {
 
+  getActiveClass = (tab) => {
+    return this.props.currentTab == tab ? 'active' : '';
+  }
+
   render() {
     return (
       <div className={`side-panel ${this.props.isSidePanelClosed ? '' : 'left-zero'}`}>
@@ -171,7 +176,7 @@ class SidePanel extends React.Component {
                 }
                 {isDefaultAdmin && enableWorkWeixinDepartments &&
                   <li className="nav-item">
-                    <Link className='nav-link ellipsis' to={siteRoot + 'sys/work-weixin/departments/'}>
+                    <Link className={`nav-link ellipsis ${this.getActiveClass('departments')}`} to={siteRoot + 'sys/work-weixin/departments/'}>
                       <span className="sf2-icon-msgs" aria-hidden="true"></span>
                       <span className="nav-text">{'企业微信集成'}</span>
                     </Link>