diff --git a/source/components/Controls.css b/source/components/Controls.css
index e6ef4f0cd..92d37f71b 100644
--- a/source/components/Controls.css
+++ b/source/components/Controls.css
@@ -6,6 +6,8 @@
 #controlsBlock h3 {
 	text-align: center;
 	margin: 0 0 0.6em;
+	border-bottom-width: 1px;
+	border-bottom-style: solid;
 }
 
 #controlsBlock #controlContent {
diff --git a/source/components/Controls.js b/source/components/Controls.js
index eb462fd6f..f40d505dc 100644
--- a/source/components/Controls.js
+++ b/source/components/Controls.js
@@ -26,7 +26,11 @@ function Controls({ blockingInputControls, controls, startConversation }) {
 									{do {
 										let { level, solution, evaluated } = controls[0]
 										;<>
-											<h3>
+											<h3
+												style={{
+													borderBottomColor:
+														level === 'avertissement' ? '#e67e22' : '#34495e'
+												}}>
 												{level === 'avertissement'
 													? 'Attention !'
 													: 'Information'}