From fac35cc23aba9fe124929e31d6b7f33dd783e5a2 Mon Sep 17 00:00:00 2001
From: Codex <codex@nodedc.local>
Date: Wed, 29 Jul 2026 19:12:48 +0300
Subject: [PATCH] fix(ui): use canonical close icon in admin panel

---
 packages/ui-react/src/AdminNavigationPanel.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/ui-react/src/AdminNavigationPanel.tsx b/packages/ui-react/src/AdminNavigationPanel.tsx
index a684008..325f9e8 100644
--- a/packages/ui-react/src/AdminNavigationPanel.tsx
+++ b/packages/ui-react/src/AdminNavigationPanel.tsx
@@ -1,6 +1,7 @@
 import type { HTMLAttributes, ReactNode } from "react";
 import { cn } from "./cn.js";
 import { SortableList } from "./DragDrop.js";
+import { Icon } from "./Icon.js";
 
 export interface AdminNavigationContext {
   id: string;
@@ -63,7 +64,7 @@ export function AdminNavigationPanel({
         <div className="nodedc-admin-panel__head-actions">
           {headerActions}
           <button type="button" className="nodedc-admin-panel__close" aria-label={closeLabel} onClick={onClose}>
-            <span className="nodedc-close-mark" aria-hidden="true" />
+            <Icon name="close" size={16} strokeWidth={1.6} />
           </button>
         </div>
       </header>