diff --git a/bower.json b/bower.json
index 8e0eeef..ab89399 100644
--- a/bower.json
+++ b/bower.json
@@ -22,26 +22,26 @@
     "tests"
   ],
   "dependencies": {
-    "jquery": "2.2.4",
+    "jquery": "3.3.1",
     "bootstrap": "3.3.7",
-    "moment": "2.18.1",
-    "moment-timezone": "0.5.13",
-    "echarts": "3.7.1",
-    "font-awesome": "font-awsome#^4.7.0",
-    "AdminLTE": "admin-lte#2.3.11",
+    "moment": "2.22.2",
+    "moment-timezone": "0.5.17",
+    "echarts": "3.8.5",
+    "font-awesome": "^4.7.0",
+    "admin-lte": "2.4.3",
     "sweetalert": "^1.1.3",
     "awesome-bootstrap-checkbox": "^0.3.7",
     "jquery-slimscroll": "^1.3.8",
     "bootstrap-contextmenu": "^0.3.4",
-    "angular": "1.6.5",
-    "angular-route": "1.6.5",
-    "angular-sanitize": "1.6.5",
-    "angular-touch": "1.6.5",
-    "angular-messages": "1.6.5",
-    "angular-cookies": "1.6.5",
-    "angular-animate": "1.6.5",
-    "angular-translate": "^2.17.0",
-    "angular-moment": "1.0.1",
+    "angular": "1.6.10",
+    "angular-route": "1.6.10",
+    "angular-sanitize": "1.6.10",
+    "angular-touch": "1.6.10",
+    "angular-messages": "1.6.10",
+    "angular-cookies": "1.6.10",
+    "angular-animate": "1.6.10",
+    "angular-translate": "^2.18.1",
+    "angular-moment": "1.2.0",
     "angular-websocket": "^2.0.0",
     "angular-utf8-base64": "^0.0.5",
     "angular-local-storage": "^0.7.1",
@@ -50,11 +50,12 @@
     "angular-bittorrent-peerid": "^1.2.0",
     "angular-busy": "^4.1.4",
     "angular-promise-buttons": "^0.1.23",
-    "angular-dragula": "^1.2.8",
     "angular-clipboard": "^1.6.2",
+    "angularjs-dragula": "^2.0.0",
     "ngSweetAlert": "^1.1.2"
   },
   "resolutions": {
-    "angular": "1.6.5"
+    "jquery": "3.3.1",
+    "angular": "1.6.10"
   }
 }
diff --git a/src/index.html b/src/index.html
index 35ccc50..cea5be6 100644
--- a/src/index.html
+++ b/src/index.html
@@ -23,13 +23,13 @@
     <!-- endbuild -->
     <!-- build:css css/plugins.min.css -->
     <link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.min.css"/>
-    <link rel="stylesheet" href="../bower_components/AdminLTE/dist/css/AdminLTE.min.css"/>
+    <link rel="stylesheet" href="../bower_components/admin-lte/dist/css/AdminLTE.min.css"/>
     <link rel="stylesheet" href="../bower_components/sweetalert/dist/sweetalert.css"/>
     <link rel="stylesheet" href="../bower_components/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css"/>
     <link rel="stylesheet" href="../bower_components/angular/angular-csp.css"/>
     <link rel="stylesheet" href="../bower_components/angular-ui-notification/dist/angular-ui-notification.min.css"/>
     <link rel="stylesheet" href="../bower_components/angular-busy/dist/angular-busy.min.css"/>
-    <link rel="stylesheet" href="../bower_components/angular-dragula/dist/dragula.min.css"/>
+    <link rel="stylesheet" href="../bower_components/angularjs-dragula/dist/dragula.min.css"/>
     <!-- endbuild -->
     <!-- build:css css/aria-ng.min.css -->
     <link rel="stylesheet" href="styles/core/core.css">
@@ -184,7 +184,7 @@
 
     <aside class="main-sidebar">
         <section class="sidebar">
-            <ul id="siderbar-menu" class="sidebar-menu">
+            <ul id="siderbar-menu" class="sidebar-menu" data-widget="tree" data-animation-speed="300">
                 <li class="header" translate>Download</li>
                 <li data-href-match="/downloading">
                     <a href="#!/downloading"><i class="fa fa-arrow-circle-o-down"></i> <span ng-bind="('Downloading' | translate) + (globalStat && globalStat.numActive > 0 ? ' (' + globalStat.numActive + ')' : '')">Downloading</span></a>
@@ -258,7 +258,7 @@
             <div class="navbar-toolbar">
                 <ul class="nav navbar-nav">
                     <li>
-                        <a data-toggle="offcanvas" role="button" title="{{'Toggle Navigation' | translate}}">
+                        <a data-toggle="push-menu" role="button" title="{{'Toggle Navigation' | translate}}">
                             <i class="fa fa-bars"></i>
                         </a>
                     </li>
@@ -299,10 +299,10 @@
     <ng-setting-dialog setting="quickSettingContext"></ng-setting-dialog>
 </div>
 
-<!-- build:js js/jquery-2.2.4.min.js -->
+<!-- build:js js/jquery-3.3.1.min.js -->
 <script src="../bower_components/jquery/dist/jquery.min.js"></script>
 <!-- endbuild -->
-<!-- build:js js/angular-packages-1.6.5.min.js -->
+<!-- build:js js/angular-packages-1.6.10.min.js -->
 <script src="../bower_components/angular/angular.min.js"></script>
 <script src="../bower_components/angular-route/angular-route.min.js"></script>
 <script src="../bower_components/angular-sanitize/angular-sanitize.min.js"></script>
@@ -314,17 +314,17 @@
 <!-- build:js js/bootstrap-3.3.7.min.js -->
 <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
 <!-- endbuild -->
-<!-- build:js js/moment-with-locales-2.18.1.min.js -->
+<!-- build:js js/moment-with-locales-2.22.2.min.js -->
 <script src="../bower_components/moment/min/moment.min.js"></script>
 <script src="../bower_components/moment/locale/zh-cn.js"></script>
 <script src="../bower_components/moment/locale/zh-tw.js"></script>
 <script src="../bower_components/moment-timezone/builds/moment-timezone-with-data-2012-2022.min.js"></script>
 <!-- endbuild -->
-<!-- build:js js/echarts-common-3.7.1.min.js -->
+<!-- build:js js/echarts-common-3.8.5.min.js -->
 <script src="../bower_components/echarts/dist/echarts.common.min.js"></script>
 <!-- endbuild -->
 <!-- build:js js/plugins.min.js -->
-<script src="../bower_components/AdminLTE/dist/js/app.min.js"></script>
+<script src="../bower_components/admin-lte/dist/js/adminlte.js"></script>
 <script src="../bower_components/jquery-slimscroll/jquery.slimscroll.min.js"></script>
 <script src="../bower_components/sweetalert/dist/sweetalert.min.js"></script>
 <script src="../bower_components/bootstrap-contextmenu/bootstrap-contextmenu.js"></script>
@@ -338,13 +338,12 @@
 <script src="../bower_components/angular-bittorrent-peerid/angular-bittorrent-peerid.min.js"></script>
 <script src="../bower_components/angular-busy/dist/angular-busy.min.js"></script>
 <script src="../bower_components/angular-promise-buttons/dist/angular-promise-buttons.min.js"></script>
-<script src="../bower_components/angular-dragula/dist/angular-dragula.min.js"></script>
 <script src="../bower_components/angular-clipboard/angular-clipboard.js"></script>
+<script src="../bower_components/angularjs-dragula/dist/angularjs-dragula.min.js"></script>
 <script src="../bower_components/ngSweetAlert/SweetAlert.js"></script>
 <!-- endbuild -->
 <!-- build:js js/aria-ng.min.js -->
 <script src="scripts/core/__core.js"></script>
-<script src="scripts/core/__config.js"></script>
 <script src="scripts/core/__fix.js"></script>
 <script src="scripts/core/app.js"></script>
 <script src="scripts/core/router.js"></script>
diff --git a/src/scripts/core/__config.js b/src/scripts/core/__config.js
deleted file mode 100644
index 4d4ab74..0000000
--- a/src/scripts/core/__config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-(function () {
-    'use strict';
-
-    //override AdminLTE options
-    $.AdminLTE.options.animationSpeed = 300;
-}());
diff --git a/src/styles/core/core.css b/src/styles/core/core.css
index 7206bd5..1a735ec 100644
--- a/src/styles/core/core.css
+++ b/src/styles/core/core.css
@@ -61,6 +61,10 @@ td {
     cursor: pointer;
 }
 
+.main-sidebar {
+    z-index: 1010;
+}
+
 .content-wrapper, .right-side {
     background-color: #fff;
 }