diff --git a/apps/web/src/components/layout/apps-menu.tsx b/apps/web/src/components/layout/apps-menu.tsx
index cb1aacf..f306a4a 100644
--- a/apps/web/src/components/layout/apps-menu.tsx
+++ b/apps/web/src/components/layout/apps-menu.tsx
@@ -1,5 +1,13 @@
-import { LayoutGridIcon, KeyRoundIcon, CloudIcon, ServerIcon, NetworkIcon } from 'lucide-react'
-import { APPS } from '@authportal/shared'
+import type { ComponentType } from 'react'
+import {
+  LayoutGridIcon,
+  KeyRoundIcon,
+  CloudIcon,
+  ServerIcon,
+  NetworkIcon,
+  ShieldIcon,
+} from 'lucide-react'
+import { APPS, type AppId } from '@authportal/shared'
 import { Button } from '@authportal/ui/components/button'
 import {
   DropdownMenu,
@@ -10,11 +18,15 @@ import {
   DropdownMenuTrigger,
 } from '@authportal/ui/components/dropdown-menu'
 
-const APP_ICONS = {
+const APP_ICONS: Record<
+  AppId,
+  ComponentType<{ className?: string; 'aria-hidden'?: boolean }>
+> = {
   cfdm: CloudIcon,
   vps: ServerIcon,
   bgp: NetworkIcon,
-} as const
+  fw: ShieldIcon,
+}
 
 export function AppsMenu() {
   return (