diff --git a/src/styles/styles.scss b/src/styles/styles.scss
index d932478e..12947dc5 100644
--- a/src/styles/styles.scss
+++ b/src/styles/styles.scss
@@ -53,21 +53,6 @@
 
 
 
-/* router view transition fade-slide */
-.fade-slide-leave-active,
-.fade-slide-enter-active {
-  transition: all 0.3s;
-}
-
-.fade-slide-enter-from {
-  opacity: 0;
-  transform: translateX(-30px);
-}
-
-.fade-slide-leave-to {
-  opacity: 0;
-  transform: translateX(30px);
-}
 
 /* router view transition fade-slide */
 .fade-slide-leave-active,
@@ -77,10 +62,10 @@
 
 .fade-slide-enter-from {
   opacity: 0;
-  transform: translateX(-45px);
+  transform: translateY(-45px);
 }
 
 .fade-slide-leave-to {
   opacity: 0;
-  transform: translateX(45px);
+  transform: translateY(45px);
 }