3 files changed, 7 insertions, 23 deletions

diff --git a/src/components/auth/AuthLayout.js b/src/components/auth/AuthLayout.js
index 4fb0e6a59..4e1b0c52e 100644
--- a/src/components/auth/AuthLayout.js
+++ b/src/components/auth/AuthLayout.js
@@ -1,7 +1,6 @@
 import React, { Component } from 'react';
 import PropTypes from 'prop-types';
 import { observer } from 'mobx-react';
-import { RouteTransition } from 'react-router-transition';
 import { intlShape } from 'react-intl';
 import { TitleBar } from 'electron-react-titlebar';
 
@@ -69,22 +68,10 @@ export default @observer class AuthLayout extends Component {
             </InfoBar>
           )}
           <div className="auth__layout">
-            <RouteTransition
-              pathname={pathname}
-              atEnter={{ opacity: 0 }}
-              atLeave={{ opacity: 0 }}
-              atActive={{ opacity: 1 }}
-              mapStyles={styles => ({
-                transform: `translateX(${styles.translateX}%)`,
-                opacity: styles.opacity,
-              })}
-              component="span"
-            >
-              {/* Inject globalError into children  */}
-              {React.cloneElement(children, {
-                error,
-              })}
-            </RouteTransition>
+            {/* Inject globalError into children  */}
+            {React.cloneElement(children, {
+              error,
+            })}
           </div>
           {/* </div> */}
           <Link to="https://adlk.io" className="auth__adlk" target="_blank">
diff --git a/src/components/auth/Invite.js b/src/components/auth/Invite.js
index 96821a61a..5da89f2ce 100644
--- a/src/components/auth/Invite.js
+++ b/src/components/auth/Invite.js
@@ -1,4 +1,4 @@
-import React, { Component } from 'react';
+import React, { Component, Fragment } from 'react';
 import PropTypes from 'prop-types';
 import { observer } from 'mobx-react';
 import { defineMessages, intlShape } from 'react-intl';
@@ -127,7 +127,7 @@ export default @observer class Invite extends Component {
     });
 
     const renderForm = (
-      <div>
+      <Fragment>
         {this.state.showSuccessInfo && isInviteSuccessful && (
           <Appear>
             <Infobox
@@ -171,7 +171,7 @@ export default @observer class Invite extends Component {
             {intl.formatMessage(messages.skipButtonLabel)}
           </Link>)}
         </form>
-      </div>
+      </Fragment>
     );
 
     return (
diff --git a/src/components/auth/Login.js b/src/components/auth/Login.js
index f465b35a5..2cf614041 100644
--- a/src/components/auth/Login.js
+++ b/src/components/auth/Login.js
@@ -11,11 +11,8 @@ import Button from '../ui/Button';
 import Link from '../ui/Link';
 import Infobox from '../ui/Infobox';
 
-
 import { globalError as globalErrorPropType } from '../../prop-types';
 
-// import Appear from '../ui/effects/Appear';
-
 const messages = defineMessages({
   headline: {
     id: 'login.headline',