diff --git a/src/partials/_head.html b/src/partials/_head.html
index 014a71072..e5e48dd76 100644
--- a/src/partials/_head.html
+++ b/src/partials/_head.html
@@ -17,7 +17,7 @@
 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,400i,700&display=fallback">
 
 <!-- overlayScrollbars -->
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@1.13.1/css/OverlayScrollbars.min.css" integrity="sha256-WKijf8KI68sbq8Znd6yMepIuFF0wdWfIt6gk3JWcQfk=" crossorigin="anonymous">
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.0.3/styles/overlayscrollbars.min.css" integrity="sha256-57dSpDS5wv9AYEEmLxcPfrVnygNCdqDWOXyoR46L9H0=" crossorigin="anonymous">
 
 <!-- Font Awesome -->
 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.1/css/all.min.css" integrity="sha256-Z1K5uhUaJXA7Ll0XrZ/0JhX4lAtZFpT6jkKrEDT0drU=" crossorigin="anonymous">
@@ -29,7 +29,3 @@
 
 <!-- For RTL verison use @@path/css/rtl/adminlte.rtl.css, remove dist/css/adminlte.css -->
 <!-- <link rel="stylesheet" href="@@path/css/rtl/adminlte.rtl.css""> -->
-
-<!-- For dark mode use @@path/css/dark/adminlte-dark-addon.css, do not remove dist/css/adminlte.css or if usinf RTL version do not remove @@path/css/rtl/adminlte.rtl.css-->
-<!-- ... and then the alternate CSS first as a snap-on for dark color scheme preference -->
-<!-- <link rel="stylesheet" href="@@path/css/dark/adminlte-dark-addon.css" media="(prefers-color-scheme: dark)""> -->
diff --git a/src/partials/_scripts.html b/src/partials/_scripts.html
index 8d034b829..4f6d1a997 100644
--- a/src/partials/_scripts.html
+++ b/src/partials/_scripts.html
@@ -1,14 +1,38 @@
 <!-- OPTIONAL SCRIPTS -->
-
 <!-- overlayScrollbars -->
-<script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@1.13.1/js/OverlayScrollbars.min.js" integrity="sha256-7mHsZb07yMyUmZE5PP1ayiSGILxT6KyU+a/kTDCWHA8=" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/overlayscrollbars@2.0.3/browser/overlayscrollbars.browser.es6.min.js" integrity="sha256-/dwBbLeVyyWBtWfH3jHdL2oVVmLKoGnEFzoOSL3nJC0=" crossorigin="anonymous"></script>
+
+<!-- OPTIONAL SCRIPT For Bootstrap 5 -->
+<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
+
 <!-- Bootstrap 5 -->
-<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha256-9SEPo+fwJFpMUet/KACSwO+Z/dKMReF9q4zFhU/fT9M=" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha1/dist/js/bootstrap.min.js" integrity="sha384-mQ93GR66B00ZXjt0YO5KlohRA5SY2XofN4zfuZxLkoj1gXtW8ANNCe9d5Y3eG5eD" crossorigin="anonymous"></script>
 
 <!-- REQUIRED SCRIPTS -->
 <!-- AdminLTE App -->
 <script src="@@path/js/adminlte.js"></script>
 
+<!-- OPTIONAL SCRIPTS -->
+<script>
+  const SELECTOR_SIDEBAR = '.sidebar'
+  const Default = {
+    scrollbarTheme: 'os-theme-light',
+    scrollbarAutoHide: 'leave'
+  }
+
+  document.addEventListener("DOMContentLoaded", function() {
+    if (typeof OverlayScrollbarsGlobal?.OverlayScrollbars !== 'undefined') {
+      OverlayScrollbarsGlobal.OverlayScrollbars(document.querySelector(SELECTOR_SIDEBAR), {
+        scrollbars: {
+          theme: Default.scrollbarTheme,
+          autoHide: Default.scrollbarAutoHide,
+          clickScroll: true
+        }
+      })
+    }
+  })
+</script>
+
 <!-- DON'T USE THIS IN PRODUCTION -->
 <script>
   // Color Mode Toggler
@@ -69,24 +93,3 @@
   })
 })()
 </script>
-
-<!-- OPTIONAL SCRIPTS -->
-<script>
-  const SELECTOR_SIDEBAR = '.sidebar'
-  const Default = {
-    scrollbarTheme: 'os-theme-light',
-    scrollbarAutoHide: 'leave'
-  }
-  document.addEventListener("DOMContentLoaded", function() {
-    if (typeof OverlayScrollbars !== 'undefined') {
-      OverlayScrollbars(document.querySelectorAll(SELECTOR_SIDEBAR), {
-        className: Default.scrollbarTheme,
-        sizeAutoCapable: true,
-        scrollbars: {
-          autoHide: Default.scrollbarAutoHide,
-          clickScrolling: true
-        }
-      })
-    }
-  })
-</script>