diff --git a/packages/frontend/src/app.tsx b/packages/frontend/src/app.tsx
index 4c3bf60..4426f0d 100644
--- a/packages/frontend/src/app.tsx
+++ b/packages/frontend/src/app.tsx
@@ -2,6 +2,7 @@ import { Home } from "@/routes/Home";
 import { Login } from "@/routes/Login";
 import { Piece } from "@/routes/Piece";
 import { Root } from "@/routes/Root";
+import { Settings } from "@/routes/Settings";
 import { lazy, StrictMode } from "react";
 import { createRoot } from "react-dom/client";
 import { createBrowserRouter, RouterProvider } from "react-router-dom";
@@ -31,6 +32,10 @@ const router = createBrowserRouter([
 					},
 				],
 			},
+			{
+				path: "settings",
+				Component: Settings,
+			},
 		],
 	},
 	{
diff --git a/packages/frontend/src/routes/Root.tsx b/packages/frontend/src/routes/Root.tsx
index dac3b17..4a34d30 100644
--- a/packages/frontend/src/routes/Root.tsx
+++ b/packages/frontend/src/routes/Root.tsx
@@ -26,7 +26,7 @@ export function Root() {
 		setUser(data);
 	};
 
-	useEffect(() => void(init()), []);
+	useEffect(() => void init(), []);
 
 	const onLogoutClick = async () => {
 		const { error } = await client.logout.post();
@@ -60,8 +60,10 @@ export function Root() {
 						</Button>
 					</DropdownMenuTrigger>
 					<DropdownMenuContent align="end">
-						<DropdownMenuItem>
-							<Settings />Ustawienia
+						<DropdownMenuItem asChild>
+							<Link to="/settings">
+								<Settings />Ustawienia
+							</Link>
 						</DropdownMenuItem>
 						<DropdownMenuItem onClick={onLogoutClick}>
 							<LogOut />Wyloguj się
diff --git a/packages/frontend/src/routes/Settings.tsx b/packages/frontend/src/routes/Settings.tsx
new file mode 100644
index 0000000..f3d4a0b
--- /dev/null
+++ b/packages/frontend/src/routes/Settings.tsx
@@ -0,0 +1,7 @@
+export function Settings() {
+	return (
+		<div className="p-4 overflow-y-auto grow flex flex-col items-center justify-center gap-4">
+			<div>Tutaj by były ustawienia, gdyby były.</div>
+		</div>
+	);
+}