diff --git a/assets/index.js b/assets/index.js
index f5c9c4ad3..d6bc8eca6 100755
--- a/assets/index.js
+++ b/assets/index.js
@@ -275,7 +275,7 @@ const articleScroll = () => {
 
 $(document).ready(() => {
   // sidenav
-  $('.button-collapse').sidenav();
+  $('.sidenav-trigger').sidenav();
   $('select').formSelect();
   $('.collapsible').collapsible({
     accordion: false,
diff --git a/assets/scss/_nav.scss b/assets/scss/_nav.scss
index a085febd9..798a3a44a 100644
--- a/assets/scss/_nav.scss
+++ b/assets/scss/_nav.scss
@@ -16,7 +16,7 @@ nav {
   }
 }
 
-.nav-panel-item .button-collapse {
+.nav-panel-item .sidenav-trigger {
   margin-left: 0;
   margin-right: 0.5rem;
   padding-left: 0.5rem;
@@ -183,7 +183,7 @@ nav {
     justify-content: end;
   }
 
-  .button-collapse {
+  .sidenav-trigger {
     display: none;
   }
 
diff --git a/templates/Entry/entry.html.twig b/templates/Entry/entry.html.twig
index 3003869fc..13bb249bc 100644
--- a/templates/Entry/entry.html.twig
+++ b/templates/Entry/entry.html.twig
@@ -14,7 +14,7 @@
         <div class="nav-panel-item cyan darken-1">
             <ul>
                 <li>
-                    <a href="#" data-target="slide-out" class="button-collapse">
+                    <a href="#" data-target="slide-out" class="sidenav-trigger">
                         <i class="material-icons">menu</i>
                     </a>
                 </li>
diff --git a/templates/layout.html.twig b/templates/layout.html.twig
index 9fe083ff4..484a343b5 100644
--- a/templates/layout.html.twig
+++ b/templates/layout.html.twig
@@ -82,7 +82,7 @@
         <div class="nav-panels">
             <div class="nav-panel-actions nav-panel-item">
                 <div class="nav-panel-top">
-                    <button data-target="slide-out" class="nav-panel-menu button-collapse"><i class="material-icons">menu</i></button>
+                    <button data-target="slide-out" class="nav-panel-menu sidenav-trigger"><i class="material-icons">menu</i></button>
                     <h1 class="left action">
                         {% block title %}
                         {% endblock %}
@@ -107,12 +107,12 @@
                     </li>
                     {% endif %}
                     <li id="button_filters" class="button-filters">
-                        <a class="nav-panel-menu button-collapse-right tooltipped js-filters-action" data-position="bottom" data-delay="50" data-tooltip="{{ 'menu.top.filter_entries'|trans }}" href="#" data-target="filters">
+                        <a class="nav-panel-menu sidenav-trigger-right tooltipped js-filters-action" data-position="bottom" data-delay="50" data-tooltip="{{ 'menu.top.filter_entries'|trans }}" href="#" data-target="filters">
                             <i class="material-icons">filter_list</i>
                         </a>
                     </li>
                     <li id="button_export" class="button-export">
-                        <a class="nav-panel-menu button-collapse-right tooltipped js-export-action" data-position="bottom" data-delay="50" data-tooltip="{{ 'menu.top.export'|trans }}" href="#" data-target="export">
+                        <a class="nav-panel-menu sidenav-trigger-right tooltipped js-export-action" data-position="bottom" data-delay="50" data-tooltip="{{ 'menu.top.export'|trans }}" href="#" data-target="export">
                             <i class="material-icons">file_download</i>
                         </a>
                     </li>