diff --git a/src/js/bundle.js b/src/js/bundle.js
index e58ca0ba5ee984c01ff9285f78088864eb35975c..2a50cad51e201d49d591da9aa8436324ef9fb12f 100644
--- a/src/js/bundle.js
+++ b/src/js/bundle.js
@@ -61,24 +61,6 @@ ready(function () {
     };
 
 
-    // Expander boxes
-    var expandable = document.querySelectorAll('.expandable > .expander');
-    expandable.forEach(function (currentValue, index, arr) {
-        currentValue.onclick = function (e) {
-            e.preventDefault();
-
-            var parent = e.currentTarget.parentNode;
-            if (parent.className.match(/(?:^|\s)expanded(?!\S)/)) {
-                parent.className = parent.className.replace(/(?:^|\s)expanded(?!\S)/g , '');
-            } else {
-                parent.className += " expanded";
-            }
-
-            e.currentTarget.blur();
-        }
-    });
-
-
     // Syntax highlight
     hljs.registerLanguage('xml', xml);
     hljs.registerLanguage('php', php);
diff --git a/src/js/expander.js b/src/js/expander.js
new file mode 100644
index 0000000000000000000000000000000000000000..a141b0a4865c86c2fc7c6cfffb45e518231a892b
--- /dev/null
+++ b/src/js/expander.js
@@ -0,0 +1,16 @@
+// Expander boxes
+var expandable = document.querySelectorAll('.expandable > .expander');
+expandable.forEach(function (currentValue, index, arr) {
+    currentValue.onclick = function (e) {
+        e.preventDefault();
+
+        var parent = e.currentTarget.parentNode;
+        if (parent.className.match(/(?:^|\s)expanded(?!\S)/)) {
+            parent.className = parent.className.replace(/(?:^|\s)expanded(?!\S)/g , '');
+        } else {
+            parent.className += " expanded";
+        }
+
+        e.currentTarget.blur();
+    }
+});
diff --git a/templates/includes/expander.twig b/templates/includes/expander.twig
index 37deceb6bfbbd4711dc8d03b13029646ac855cf0..55db45ae6d72cf313ad9a90fd5e9a4210353cdfb 100644
--- a/templates/includes/expander.twig
+++ b/templates/includes/expander.twig
@@ -11,3 +11,6 @@
 
           </div>
         </div>
+{% block postload %}
+    <script src="{{ asset('js/expander.js') }}"></script>
+{% endblock %}
diff --git a/webpack.config.js b/webpack.config.js
index 12a13b08aea240143a40c014d69b8ea26e8d8635..01b924209b9e90c815d2e502aa110ea423fc3c19 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -18,6 +18,7 @@ module.exports = environment => {
     return {
         entry: {
             bundle: './src/js/bundle',
+            expander: './src/js/expander',
             logout: './src/js/logout/main',
             stylesheet: './src/js/style'
         },