diff --git a/src/components/Help/Help.tsx b/src/components/Help/Help.tsx
index 2ac6973..e755d08 100644
--- a/src/components/Help/Help.tsx
+++ b/src/components/Help/Help.tsx
@@ -9,8 +9,14 @@ import './styles.scss';
 
 const Help = ({ onClose }: { onClose: () => void }) => {
 	return (
-		<div className='helpContainer'>
-			<div className='helpPopup'>
+		<div
+			className='helpContainer'
+			onClick={onClose}
+		>
+			<div
+				className='helpPopup'
+				onClick={(ev) => ev.stopPropagation()}
+			>
 				<div className='header'>
 					<p className='title'>Comment jouer ?</p>
 					<button
diff --git a/src/components/Help/styles.scss b/src/components/Help/styles.scss
index 06b109b..97d2fea 100644
--- a/src/components/Help/styles.scss
+++ b/src/components/Help/styles.scss
@@ -8,6 +8,7 @@
 	height: 100svh;
 	background-color: rgba(0, 0, 0, 0.4);
 	backdrop-filter: blur(7px);
+	cursor: pointer;
 
 	& > .helpPopup {
 		display: flex;
@@ -17,6 +18,7 @@
 		border-radius: 5px;
 		background-color: #ffeee5;
 		color: #f39440;
+		cursor: default;
 
 		& > .header {
 			display: grid;