diff --git a/src/client/pages/Layout.tsx b/src/client/pages/Layout.tsx
index 8f6634d..2caaf39 100644
--- a/src/client/pages/Layout.tsx
+++ b/src/client/pages/Layout.tsx
@@ -1,5 +1,5 @@
 import React, { useState } from 'react';
-import { Outlet, useSearchParams } from 'react-router-dom';
+import { Outlet, useNavigate, useSearchParams } from 'react-router-dom';
 import { NavItem } from '../components/NavItem';
 import { MobileNavItem } from '../components/MobileNavItem';
 import { UserOutlined } from '@ant-design/icons';
@@ -30,6 +30,7 @@ export const Layout: React.FC = React.memo(() => {
   const logout = useLogout();
   const isMobile = useIsMobile();
   const showHeader = !params.has('hideHeader');
+  const navigate = useNavigate();
 
   const accountEl = (
     <Dropdown
@@ -45,6 +46,13 @@ export const Layout: React.FC = React.memo(() => {
               disabled: w.current,
             })),
           },
+          {
+            key: 'settings',
+            label: 'Settings',
+            onClick: () => {
+              navigate('/settings');
+            },
+          },
           {
             key: 'logout',
             label: 'Logout',