diff --git a/package-lock.json b/package-lock.json
index a63504f..2c6aec3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4880,9 +4880,9 @@
       }
     },
     "lodash": {
-      "version": "4.17.15",
-      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.15.tgz",
-      "integrity": "sha512-8xOcRHvCjnocdS5cpwXQXVzmmh5e5+saE2QGoeQmbKmRS6J3VQppPOIt0MnmE+4xlZoumy0GPG0D0MVIQbNA1A==",
+      "version": "4.17.20",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.20.tgz",
+      "integrity": "sha512-PlhdFcillOINfeV7Ni6oF1TAEayyZBoZ8bcshTHqOYJYlrqzRK5hagpagky5o4HfCzzd1TRkXPMFq6cKk9rGmA==",
       "dev": true
     },
     "lodash.merge": {
diff --git a/src/lib/animations.js b/src/lib/animations.js
index 212c985..4c2091b 100644
--- a/src/lib/animations.js
+++ b/src/lib/animations.js
@@ -4,7 +4,7 @@ export const animations = {
   moveToLeft: {
     keyframes: keyframes`
       from { }
-      to { transform: translateX(-100%); }
+      to { transform: translateX(-100%) rotateZ(0.01deg); }
     `,
     duration: 600,
     timing: 'ease',
@@ -12,7 +12,7 @@ export const animations = {
   },
   moveFromLeft: {
     keyframes: keyframes`
-      from {  transform: translateX(-100%) };
+      from {  transform: translateX(-100%) rotateZ(0.01deg); }
     `,
     duration: 600,
     timing: 'ease',
@@ -21,7 +21,7 @@ export const animations = {
   moveToRight: {
     keyframes: keyframes`
       from { }
-      to { transform: translateX(100%); }
+      to { transform: translateX(100%) rotateZ(0.01deg); }
     `,
     duration: 600,
     timing: 'ease',
@@ -29,7 +29,7 @@ export const animations = {
   },
   moveFromRight: {
     keyframes: keyframes`
-      from { transform: translateX(100%); }
+      from { transform: translateX(100%) rotateZ(0.01deg); }
     `,
     duration: 600,
     timing: 'ease',
@@ -38,7 +38,7 @@ export const animations = {
   moveToTop: {
     keyframes: keyframes`
       from { }
-      to { transform: translateY(-100%); }
+      to { transform: translateY(-100%) rotateZ(0.01deg); }
     `,
     duration: 600,
     timing: 'ease',
@@ -46,7 +46,7 @@ export const animations = {
   },
   moveFromTop: {
     keyframes: keyframes`
-      from { transform: translateY(-100%); }
+      from { transform: translateY(-100%) rotateZ(0.01deg); }
     `,
     duration: 600,
     timing: 'ease',
@@ -55,7 +55,7 @@ export const animations = {
   moveToBottom: {
     keyframes: keyframes`
       from { }
-      to { transform: translateY(100%); }
+      to { transform: translateY(100%) rotateZ(0.01deg); }
     `,
     duration: 600,
     timing: 'ease',
@@ -63,7 +63,7 @@ export const animations = {
   },
   moveFromBottom: {
     keyframes: keyframes`
-      from { transform: translateY(100%); }
+      from { transform: translateY(100%) rotateZ(0.01deg); }
     `,
     duration: 600,
     timing: 'ease',
@@ -81,7 +81,7 @@ export const animations = {
   moveToLeftFade: {
     keyframes: keyframes`
       from { }
-      to { opacity: 0.3; transform: translateX(-100%); }
+      to { opacity: 0.3; transform: translateX(-100%) rotateZ(0.01deg); }
     `,
     duration: 700,
     timing: 'ease',
@@ -89,7 +89,7 @@ export const animations = {
   },
   moveFromLeftFade: {
     keyframes: keyframes`
-      from { opacity: 0.3;  transform: translateX(-100%); }
+      from { opacity: 0.3;  transform: translateX(-100%) rotateZ(0.01deg); }
     `,
     duration: 700,
     timing: 'ease',
@@ -98,7 +98,7 @@ export const animations = {
   moveToRightFade: {
     keyframes: keyframes`
       from { }
-      to { opacity: 0.3;  transform: translateX(100%); }
+      to { opacity: 0.3;  transform: translateX(100%) rotateZ(0.01deg); }
     `,
     duration: 700,
     timing: 'ease',
@@ -106,7 +106,7 @@ export const animations = {
   },
   moveFromRightFade: {
     keyframes: keyframes`
-      from { opacity: 0.3; transform: translateX(100%); }
+      from { opacity: 0.3; transform: translateX(100%) rotateZ(0.01deg); }
     `,
     duration: 700,
     timing: 'ease',
@@ -115,7 +115,7 @@ export const animations = {
   moveToTopFade: {
     keyframes: keyframes`
       from { }
-      to { opacity: 0.3; transform: translateY(-100%); }
+      to { opacity: 0.3; transform: translateY(-100%) rotateZ(0.01deg); }
     `,
     duration: 600,
     timing: 'ease',
@@ -123,7 +123,7 @@ export const animations = {
   },
   moveFromTopFade: {
     keyframes: keyframes`
-      from { opacity: 0.3; transform: translateY(-100%); }
+      from { opacity: 0.3; transform: translateY(-100%) rotateZ(0.01deg); }
     `,
     duration: 700,
     timing: 'ease',
@@ -132,7 +132,7 @@ export const animations = {
   moveToBottomFade: {
     keyframes: keyframes`
       from { }
-      to { opacity: 0.3;  transform: translateY(100%); }
+      to { opacity: 0.3;  transform: translateY(100%) rotateZ(0.01deg); }
     `,
     duration: 700,
     timing: 'ease',
@@ -140,7 +140,7 @@ export const animations = {
   },
   moveFromBottomFade: {
     keyframes: keyframes`
-      from { opacity: 0.3; transform: translateY(100%); }
+      from { opacity: 0.3; transform: translateY(100%) rotateZ(0.01deg); }
     `,
     duration: 700,
     timing: 'ease',
diff --git a/src/lib/styles.js b/src/lib/styles.js
index a480699..e56a592 100644
--- a/src/lib/styles.js
+++ b/src/lib/styles.js
@@ -53,6 +53,7 @@ export const PageTransitionWrapper = styled.div`
   transform-style: preserve-3d;
   transform: translate3d(0, 0, 0);
   width: 100%;
+  will-change: tranform;
 
   ${({ state }) => stateMap[state]};
 `;