diff --git a/static/js/init.js b/static/js/init.js
index 26c36af..b7fd843 100644
--- a/static/js/init.js
+++ b/static/js/init.js
@@ -1,9 +1,9 @@
 var options = {}
 var elem = document.querySelector('.sidenav');
-var instance = new M.Sidenav(elem, options);
+var instance = M.Sidenav.init(elem, options);
 
 var elem = document.querySelector('.collapsible');
-  var instance = new M.Collapsible(elem, {
+  var instance = M.Collapsible.init(elem, {
     // inDuration: 1000,
     // outDuration: 1000
   });
diff --git a/templates/base.html b/templates/base.html
index 9bdd745..4dd1414 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -17,7 +17,7 @@
 
         <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
         <link href='https://fonts.googleapis.com/css?family=Roboto+Mono&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
-        <link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-alpha.2/css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection"/>
+        <link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-alpha.3/css/materialize.min.css" type="text/css" rel="stylesheet" media="screen,projection"/>
         <style>
             .card-content a
             {
@@ -75,7 +75,7 @@
         </div>
 
         <!-- Scripts -->
-        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-alpha.2/js/materialize.min.js"></script>
+        <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-alpha.3/js/materialize.min.js"></script>
         <script src="{{ url_for('static', filename='js/init.js') }}"></script>
 
     </body>