diff --git a/web/src/layout/AppShell.tsx b/web/src/layout/AppShell.tsx
index 6b1b47a..d279767 100644
--- a/web/src/layout/AppShell.tsx
+++ b/web/src/layout/AppShell.tsx
@@ -30,16 +30,16 @@ interface NavItem {
 const NAV_ITEMS: NavItem[] = [
   { to: "/", label: "Dashboard", icon: <IconLayoutDashboard size={20} /> },
   { to: "/servers", label: "Servers", icon: <IconServer2 size={20} /> },
+  { to: "/proxmox", label: "Proxmox", icon: <IconServerCog size={20} /> },
+  { to: "/docker", label: "Docker", icon: <IconBrandDocker size={20} /> },
+  { to: "/synology", label: "Synology", icon: <IconDatabase size={20} /> },
+  { to: "/secrets", label: "Secrets", icon: <IconKey size={20} /> },
   { to: "/dns", label: "DNS", icon: <IconWorld size={20} /> },
   { to: "/ipam", label: "IP Addresses", icon: <IconNetwork size={20} /> },
-  { to: "/secrets", label: "Secrets", icon: <IconKey size={20} /> },
-  { to: "/integrations", label: "Integrations", icon: <IconPlugConnected size={20} /> },
-  { to: "/docker", label: "Docker", icon: <IconBrandDocker size={20} /> },
   { to: "/tailscale", label: "Tailscale", icon: <IconAffiliate size={20} /> },
   { to: "/semaphore", label: "Semaphore", icon: <IconPlayerPlay size={20} /> },
   { to: "/gitea", label: "Gitea", icon: <IconBrandGit size={20} /> },
-  { to: "/proxmox", label: "Proxmox", icon: <IconServerCog size={20} /> },
-  { to: "/synology", label: "Synology", icon: <IconDatabase size={20} /> },
+  { to: "/integrations", label: "Integrations", icon: <IconPlugConnected size={20} /> },
   { to: "/users", label: "Users", icon: <IconUsers size={20} />, minRole: "admin" },
   { to: "/audit-log", label: "Audit Log", icon: <IconHistory size={20} />, minRole: "operator" },
   { to: "/settings", label: "Settings", icon: <IconSettings size={20} />, minRole: "admin" },