diff --git a/source/components/QuickLinks.js b/source/components/QuickLinks.js
index 5308abb0f..a766ca263 100644
--- a/source/components/QuickLinks.js
+++ b/source/components/QuickLinks.js
@@ -1,19 +1,21 @@
 /* @flow */
-import { startConversation } from 'Actions/actions'
-import withLanguage from 'Components/utils/withLanguage'
-import { compose, toPairs } from 'ramda'
-import React from 'react'
-import { Trans } from 'react-i18next'
-import { connect } from 'react-redux'
-import { withRouter } from 'react-router'
-import { animated, Spring } from 'react-spring'
-import { validInputEnteredSelector } from 'Selectors/analyseSelectors'
+import { startConversation } from 'Actions/actions';
+import withLanguage from 'Components/utils/withLanguage';
+import { compose, toPairs } from 'ramda';
+import React from 'react';
+import { Trans } from 'react-i18next';
+import { connect } from 'react-redux';
+import { withRouter } from 'react-router';
+import { animated, Spring } from 'react-spring';
+import { validInputEnteredSelector } from 'Selectors/analyseSelectors';
 import type { Location } from 'react-router'
 
 type Props = {
 	startConversation: (?string) => void,
 	location: Location,
-	validInputEntered: boolean
+	validInputEntered: boolean,
+	quickLinks: {[string]: string},
+	conversationStarted: boolean
 }
 
 const QuickLinks = ({
@@ -29,7 +31,7 @@ const QuickLinks = ({
 				height: show ? 'auto' : 0,
 				opacity: show ? 1 : 0
 			}}
-			config={{ delay: show ? 4000 : 0 }}
+			config={{ delay: show ? 2000 : 0 }}
 			native>
 			{styles => (
 				<animated.div
diff --git a/source/components/SalaryExplanation.js b/source/components/SalaryExplanation.js
index 14535b81e..08c3d5a49 100644
--- a/source/components/SalaryExplanation.js
+++ b/source/components/SalaryExplanation.js
@@ -1,14 +1,14 @@
-import React, { Component } from 'react'
-import withTracker from 'Components/utils/withTracker'
-import { compose } from 'ramda'
-import { connect } from 'react-redux'
-import ficheDePaieSelectors from 'Selectors/ficheDePaieSelectors'
-import './SalaryCompactExplanation.css'
-import SalaryFirstExplanation from './SalaryFirstExplanation'
-import SalaryCompactExplanation from './SalaryCompactExplanation'
-import * as Animate from 'Ui/animate'
-import { startConversation } from 'Actions/actions'
-import { formValueSelector } from 'redux-form'
+import { startConversation } from 'Actions/actions';
+import withTracker from 'Components/utils/withTracker';
+import { compose } from 'ramda';
+import React, { Component } from 'react';
+import { connect } from 'react-redux';
+import { formValueSelector } from 'redux-form';
+import ficheDePaieSelectors from 'Selectors/ficheDePaieSelectors';
+import * as Animate from 'Ui/animate';
+import SalaryCompactExplanation from './SalaryCompactExplanation';
+import './SalaryCompactExplanation.css';
+import SalaryFirstExplanation from './SalaryFirstExplanation';
 
 export default compose(
 	withTracker,
@@ -27,7 +27,7 @@ export default compose(
 	class SalaryExplanation extends Component {
 		render() {
 			return (
-				<Animate.fromBottom>
+				<Animate.fromBottom delay={1000}>
 					{!this.props.conversationStarted ? (
 						<SalaryFirstExplanation {...this.props} />
 					) : (