diff --git a/source/components/Controls.css b/source/components/Controls.css
index b1fd17506..b059a060d 100644
--- a/source/components/Controls.css
+++ b/source/components/Controls.css
@@ -14,6 +14,7 @@
 
 #controlsBlock #controlContent {
 	font-size: 90%;
+	margin-bottom: 0.6em;
 }
 
 #controlExplanation {
diff --git a/source/components/TargetSelection.js b/source/components/TargetSelection.js
index ba54ef127..6e180bedf 100644
--- a/source/components/TargetSelection.js
+++ b/source/components/TargetSelection.js
@@ -69,6 +69,12 @@ class TargetSelection extends Component {
 		} = this.props
 		return (
 			<div id="targetSelection">
+				{noUserInput && (
+					<p className="blockingControl">
+						<Trans i18nKey="enterSalary">Entrez un salaire mensuel</Trans>
+					</p>
+				)}
+				<Controls {...{ blockingInputControls, controls }} />
 				<section
 					id="targetsContainer"
 					style={{
@@ -81,13 +87,6 @@ class TargetSelection extends Component {
 					}}>
 					{this.renderOutputList()}
 				</section>
-				{noUserInput && (
-					<p className="blockingControl">
-						<Trans i18nKey="enterSalary">Entrez un salaire mensuel</Trans>
-					</p>
-				)}
-
-				<Controls {...{ blockingInputControls, controls }} />
 			</div>
 		)
 	}