diff --git a/app/src/lib/components/menu/Menu.svelte b/app/src/lib/components/menu/Menu.svelte
index 434a024..6f1cafa 100644
--- a/app/src/lib/components/menu/Menu.svelte
+++ b/app/src/lib/components/menu/Menu.svelte
@@ -46,6 +46,12 @@
 	};
 
 	$: menuItems = [
+		{
+			title: 'Connection',
+			icon: WiFi,
+			href: '/connection',
+			feature: true
+		},
 		{
 			title: 'Controller',
 			icon: MdiController,
@@ -159,9 +165,9 @@
 	const dispatch = createEventDispatcher();
 
 	function setActiveMenuItem(targetTitle: string) {
-		menuItems.forEach((item) => {
+		menuItems.forEach(item => {
 			item.active = item.title === targetTitle;
-			item.submenu?.forEach((subItem) => {
+			item.submenu?.forEach(subItem => {
 				subItem.active = subItem.title === targetTitle;
 			});
 		});