diff --git a/public/favicon.ico b/public/favicon.ico
index 2f0086e..1c9f02d 100644
Binary files a/public/favicon.ico and b/public/favicon.ico differ
diff --git a/public/logo.png b/public/logo.png
index 306c6ca..9ccb74d 100644
Binary files a/public/logo.png and b/public/logo.png differ
diff --git a/public/logo_circle.png b/public/logo_circle.png
new file mode 100644
index 0000000..8c99025
Binary files /dev/null and b/public/logo_circle.png differ
diff --git a/public/manifest.json b/public/manifest.json
index 363a48f..44c9ce6 100644
--- a/public/manifest.json
+++ b/public/manifest.json
@@ -1,21 +1,28 @@
 {
-	"short_name": "Démineur",
-	"name": "Démineur",
+	"id": "/",
+	"short_name": "Minesweeper",
+	"name": "Minesweeper",
+	"description": "ReactJS made Minesweeper game",
+	"display": "standalone",
+	"orientation": "portrait",
+	"lang": "fr-FR",
+	"start_url": "/",
+	"dir": "left",
+	"theme_color": "#ffffff",
+	"background_color": "#598b8e",
+	"display_override": ["window-controls-overlay"],
 	"icons": [
-		{
-			"src": "favicon.ico",
-			"sizes": "64x64 32x32 24x24 16x16",
-			"type": "image/x-icon"
-		},
 		{
 			"src": "logo.png",
 			"type": "image/png",
-			"sizes": "512x512"
+			"sizes": "512x512",
+			"purpose": "any"
+		},
+		{
+			"src": "maskable_logo.png",
+			"type": "image/png",
+			"sizes": "512x512",
+			"purpose": "maskable"
 		}
-	],
-	"start_url": ".",
-	"display": "standalone",
-	"theme_color": "#000000",
-	"background_color": "#ffffff"
+	]
 }
-
diff --git a/public/maskable_logo.png b/public/maskable_logo.png
new file mode 100644
index 0000000..9ccb74d
Binary files /dev/null and b/public/maskable_logo.png differ
diff --git a/src/components/Home/Home.tsx b/src/components/Home/Home.tsx
index 832bcf3..5f5ce7e 100644
--- a/src/components/Home/Home.tsx
+++ b/src/components/Home/Home.tsx
@@ -56,6 +56,7 @@ const Home = () => {
 					<p className='settingLabel'>Taille de la grille</p>
 					<select
 						ref={sizeRef}
+						name='gridSize'
 						className='select'
 						defaultValue={'12'}
 					>
@@ -69,6 +70,7 @@ const Home = () => {
 					<p className='settingLabel'>Difficulté</p>
 					<select
 						ref={difficultyRef}
+						name='difficulty'
 						className='select'
 						defaultValue={'beginner'}
 					>