diff --git a/assets/timber.scss.liquid b/assets/timber.scss.liquid
index 259255da1..c5796ed31 100755
--- a/assets/timber.scss.liquid
+++ b/assets/timber.scss.liquid
@@ -243,6 +243,14 @@ $socialIconFontStack: 'icons';
   }
 }
 
+/*============================================================================
+  Layer promotion mixin for creating smoother animations with higher FPS.
+==============================================================================*/
+@mixin promote-layer($properties: transform) {
+  -webkit-transform: translateZ(0); // translateZ hack
+  will-change: $properties; // spec
+}
+
 /*============================================================================
   Dependency-free breakpoint mixin
     - Based on http://blog.grayghostvisuals.com/sass/sass-media-query-mixin/
@@ -2047,9 +2055,11 @@ label.error {
 ==============================================================================*/
 .js-drawer-open {
   overflow: hidden;
+  height: 100%;
 }
 
 .drawer {
+  @include promote-layer();
   display: none;
   position: fixed;
   overflow-y: auto;
@@ -2114,6 +2124,7 @@ label.error {
 }
 
 .is-moved-by-drawer {
+  @include promote-layer();
   transition: $drawerTransition;
 
   .js-drawer-open-left & {