diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 71636d130..7ed33872b 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -1,22 +1,14 @@
-// Layout transitions
+.page-enter-active,
+.page-leave-active,
 .layout-enter-active,
 .layout-leave-active {
-  transition: opacity 0.5s;
-}
-
-.layout-enter,
-.layout-leave-active {
-  opacity: 0;
-}
-
-// Page transitions
-.page-enter-active,
-.page-leave-active {
-  transition: opacity 0.5s;
+  transition: all 0.2s ease-in-out;
 }
 
 .page-enter,
-.page-leave-to {
+.page-leave-active,
+.layout-enter,
+.layout-leave-active {
   opacity: 0;
 }
 
diff --git a/layouts/default.vue b/layouts/default.vue
index 4e2c27969..c0a65c450 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -301,9 +301,7 @@
             </nav>
           </div>
         </aside>
-        <transition name="layout" appear>
-          <nuxt id="main" class="main" />
-        </transition>
+        <nuxt id="main" class="main" />
         <aside class="nav-second"></aside>
       </div>
     </div>