diff --git a/assets/index.js b/assets/index.js
index 1af1ee140..cf6479a08 100755
--- a/assets/index.js
+++ b/assets/index.js
@@ -2,7 +2,7 @@ import $ from 'jquery';
 
 /* Materialize imports */
 import '@materializecss/materialize/dist/css/materialize.css';
-import M from '@materializecss/materialize/dist/js/materialize';
+import '@materializecss/materialize/dist/js/materialize';
 
 /* Annotations */
 import annotator from 'annotator';
@@ -44,8 +44,6 @@ const mobileMaxWidth = 993;
  ========================================================================== */
 
 $(document).ready(() => {
-  M.AutoInit();
-
   if ($('#article').length) {
     const app = new annotator.App();
 
@@ -275,7 +273,7 @@ const articleScroll = () => {
 
 $(document).ready(() => {
   // sidenav
-  $('.sidenav-trigger').sidenav();
+  $('.sidenav').sidenav();
   $('select').formSelect();
   $('.collapsible[data-collapsible="accordion"]').collapsible();
   $('.collapsible[data-collapsible="expandable"]').collapsible({
@@ -297,6 +295,9 @@ $(document).ready(() => {
     constrainWidth: false,
   });
 
+  $('.tabs').tabs();
+  $('.tooltipped').tooltip();
+
   initFilters();
   initExport();
   initRandom();
diff --git a/templates/Entry/entries.html.twig b/templates/Entry/entries.html.twig
index 7da4c2bdd..79c78652c 100644
--- a/templates/Entry/entries.html.twig
+++ b/templates/Entry/entries.html.twig
@@ -86,7 +86,7 @@
     {% endif %}
 
     <!-- Export -->
-    <div id="export" class="sidenav no-autoinit">
+    <div id="export" class="sidenav">
     {% set current_tag = null %}
     {% if tag is defined %}
         {% set current_tag = tag.slug %}
@@ -111,7 +111,7 @@
 
     <!-- Filters -->
     {% if form is not null and is_granted('LIST_ENTRIES') %}
-    <div id="filters" class="sidenav no-autoinit">
+    <div id="filters" class="sidenav">
         <form action="{{ path('all') }}">
 
             <h4 class="center">{{ 'entry.filters.title'|trans }}</h4>