diff --git a/src/components/mdList/mdList.scss b/src/components/mdList/mdList.scss
index e04cbe1..779d8cb 100644
--- a/src/components/mdList/mdList.scss
+++ b/src/components/mdList/mdList.scss
@@ -276,6 +276,7 @@
     position: relative;
     z-index: 1;
     transform: translate3D(0, 0, 0);
+    will-change: margin-bottom;
     transition: $swift-ease-in-out;
 
     &.md-transition-off {
diff --git a/src/components/mdSidenav/mdSidenav.scss b/src/components/mdSidenav/mdSidenav.scss
index cee3c3d..448d173 100644
--- a/src/components/mdSidenav/mdSidenav.scss
+++ b/src/components/mdSidenav/mdSidenav.scss
@@ -3,12 +3,12 @@
 .md-sidenav {
   &.md-left .md-sidenav-content {
     left: 0;
-    transform: translate3d(-100%, 0, 0);
+    transform: translate3D(-100%, 0, 0);
   }
 
   &.md-right .md-sidenav-content {
     right: 0;
-    transform: translate3d(100%, 0, 0);
+    transform: translate3D(100%, 0, 0);
   }
 
   &.md-fixed {
@@ -26,6 +26,9 @@
     z-index: 100;
     pointer-events: none;
     overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    box-shadow: $material-shadow-16dp;
+    will-change: transform;
     transition: $swift-ease-out;
   }
 
@@ -38,8 +41,8 @@
     z-index: 99;
     pointer-events: none;
     background-color: rgba(#000, .54);
-    transform: translate3d(0, 0, 0);
     opacity: 0;
+    will-change: opacity;
     transition: $swift-ease-in-out;
   }
 }
@@ -47,8 +50,7 @@
 .md-sidenav.md-active {
   .md-sidenav-content {
     pointer-events: auto;
-    box-shadow: $material-shadow-16dp;
-    transform: translate3d(0, 0, 0);
+    transform: translate3D(0, 0, 0);
   }
 
   .md-backdrop {