From 3a6a5297d6f88e9c77a7e36ad11a3e8f9f89dffb Mon Sep 17 00:00:00 2001
From: fuomag9 <1580624+fuomag9@users.noreply.github.com>
Date: Fri, 27 Feb 2026 15:31:19 +0100
Subject: [PATCH] fix: replace thin/outlined nav icons with solid filled
 equivalents
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

DnsIcon→RouterIcon, SecurityIcon→LockIcon, ShieldIcon→WorkspacePremiumIcon,
HistoryIcon→AssignmentIcon — all now match the visual weight of Dashboard,
BarChart, and Settings icons.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 app/(dashboard)/DashboardLayoutClient.tsx | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/(dashboard)/DashboardLayoutClient.tsx b/app/(dashboard)/DashboardLayoutClient.tsx
index 20f51671..8cccb321 100644
--- a/app/(dashboard)/DashboardLayoutClient.tsx
+++ b/app/(dashboard)/DashboardLayoutClient.tsx
@@ -21,11 +21,11 @@ import {
 } from "@mui/material";
 import MenuIcon from "@mui/icons-material/Menu";
 import DashboardIcon from "@mui/icons-material/Dashboard";
-import DnsIcon from "@mui/icons-material/Dns";
-import SecurityIcon from "@mui/icons-material/Security";
-import ShieldIcon from "@mui/icons-material/Shield";
+import RouterIcon from "@mui/icons-material/Router";
+import LockIcon from "@mui/icons-material/Lock";
+import WorkspacePremiumIcon from "@mui/icons-material/WorkspacePremium";
 import SettingsIcon from "@mui/icons-material/Settings";
-import HistoryIcon from "@mui/icons-material/History";
+import AssignmentIcon from "@mui/icons-material/Assignment";
 import LogoutIcon from "@mui/icons-material/Logout";
 import BarChartIcon from "@mui/icons-material/BarChart";
 
@@ -38,12 +38,12 @@ type User = {
 
 const NAV_ITEMS = [
   { href: "/", label: "Overview", icon: DashboardIcon },
-  { href: "/proxy-hosts", label: "Proxy Hosts", icon: DnsIcon },
+  { href: "/proxy-hosts", label: "Proxy Hosts", icon: RouterIcon },
   { href: "/analytics", label: "Analytics", icon: BarChartIcon },
-  { href: "/access-lists", label: "Access Lists", icon: SecurityIcon },
-  { href: "/certificates", label: "Certificates", icon: ShieldIcon },
+  { href: "/access-lists", label: "Access Lists", icon: LockIcon },
+  { href: "/certificates", label: "Certificates", icon: WorkspacePremiumIcon },
   { href: "/settings", label: "Settings", icon: SettingsIcon },
-  { href: "/audit-log", label: "Audit Log", icon: HistoryIcon }
+  { href: "/audit-log", label: "Audit Log", icon: AssignmentIcon }
 ] as const;
 
 const DRAWER_WIDTH = 260;