app/assets/stylesheets/materialize/components/_sideNav.scss in materialize-sass-0.97.5 vs app/assets/stylesheets/materialize/components/_sideNav.scss in materialize-sass-0.97.6

@@ -1,27 +1,32 @@
 .side-nav {
   position: fixed;
   width: 240px;
-  left: -105%;
+  left: 0;
   top: 0;
   margin: 0;
+  transform: translateX(-100%);
   height: 100%;
   height: calc(100% + 60px);
   height: -moz-calc(100%); //Temporary Firefox Fix
   padding-bottom: 60px;
   background-color: $sidenav-bg-color;
   z-index: 999;
+  backface-visibility: hidden;
   overflow-y: auto;
+  will-change: transform;
+  backface-visibility: hidden;
+  transform: translateX(-105%);
 
   @extend .z-depth-1;
-  will-change: left;
 
   // Right Align
   &.right-aligned {
-    will-change: right;
-    right: -105%;
+    right: 0;
+    transform: translateX(105%);
     left: auto;
+    transform: translateX(100%);
   }
 
   .collapsible {
     margin: 0;
   }
@@ -48,16 +53,16 @@
       margin: 10px 15px;
     }
 
     &.btn,
     &.btn-large,
-    &.btn-floating { color: $button-color-raised; }
-    &.btn-flat { color: $button-color-flat; }
+    &.btn-floating { color: $button-raised-color; }
+    &.btn-flat { color: $button-flat-color; }
 
     &.btn:hover,
-    &.btn-large:hover { background-color: lighten($button-color, 5%); }
-    &.btn-floating:hover { background-color: $button-color; }
+    &.btn-large:hover { background-color: lighten($button-raised-background, 5%); }
+    &.btn-floating:hover { background-color: $button-raised-background; }
   }
 }
 
 
 // Touch interaction
@@ -81,10 +86,11 @@
 
 
 // Fixed side-nav shown
 .side-nav.fixed {
   left: 0;
+  transform: translateX(0);
   position: fixed;
 
   // Right Align
   &.right-aligned {
     right: 0;
@@ -93,14 +99,13 @@
 }
 
 // Fixed sideNav hide on smaller
 @media #{$medium-and-down} {
   .side-nav.fixed {
-    left: -105%;
+    transform: translateX(-105%);
 
     &.right-aligned {
-      right: -105%;
-      left: auto;
+      transform: translateX(105%);
     }
   }
 }