diff --git a/surfsense_web/app/dashboard/[workspace_id]/user-settings/layout-shell.tsx b/surfsense_web/app/dashboard/[workspace_id]/user-settings/layout-shell.tsx
index aa73917ef..b18db9e64 100644
--- a/surfsense_web/app/dashboard/[workspace_id]/user-settings/layout-shell.tsx
+++ b/surfsense_web/app/dashboard/[workspace_id]/user-settings/layout-shell.tsx
@@ -7,6 +7,7 @@ import {
 	Library,
 	MessageCircle,
 	Monitor,
+	Palette,
 	ReceiptText,
 	ShieldCheck,
 	WandSparkles,
@@ -20,6 +21,7 @@ import { usePlatform } from "@/hooks/use-platform";
 
 export type UserSettingsTab =
 	| "profile"
+	| "appearance"
 	| "api-key"
 	| "prompts"
 	| "community-prompts"
@@ -49,6 +51,12 @@ export function UserSettingsLayoutShell({ workspaceId, children }: UserSettingsL
 				href: `/dashboard/${workspaceId}/user-settings/profile`,
 				icon: <CircleUser className="h-4 w-4" />,
 			},
+			{
+				value: "appearance" as const,
+				label: "Appearance",
+				href: `/dashboard/${workspaceId}/user-settings/appearance`,
+				icon: <Palette className="h-4 w-4" />,
+			},
 			{
 				value: "api-key" as const,
 				label: t("api_key_nav_label"),