diff --git a/app/src/routes/controller/Controls.svelte b/app/src/routes/controller/Controls.svelte
index 4ed45eb..17a4483 100644
--- a/app/src/routes/controller/Controls.svelte
+++ b/app/src/routes/controller/Controls.svelte
@@ -23,18 +23,18 @@
 	onMount(() => {
 		left = nipplejs.create({
 			zone: document.getElementById('left') as HTMLElement,
-			color: 'grey',
+			color: '#15191e80',
 			dynamicPage: true,
 			mode: 'static',
-			restOpacity: 0.3
+			restOpacity: 1
 		});
 
 		right = nipplejs.create({
 			zone: document.getElementById('right') as HTMLElement,
-			color: 'grey',
+			color: '#15191e80',
 			dynamicPage: true,
 			mode: 'static',
-			restOpacity: 0.3
+			restOpacity: 1
 		});
 
 		left.on('move', (_, data) => handleJoyMove('left', data.vector));