diff --git a/dist/remote/AppSidebar.js b/dist/remote/AppSidebar.js
index 644f708..261dc75 100644
--- a/dist/remote/AppSidebar.js
+++ b/dist/remote/AppSidebar.js
@@ -3,12 +3,12 @@ const x = "__UIKIT_REACT_REMOTE_DEPS__", b = "uikit-app-sidebar", h = `
   <title>ionicons-v5-i</title>
   <path d="M336,376V272H191a16,16,0,0,1,0-32H336V136a56.06,56.06,0,0,0-56-56H88a56.06,56.06,0,0,0-56,56V376a56.06,56.06,0,0,0,56,56H280A56.06,56.06,0,0,0,336,376Z"/>
   <path d="M425.37,272l-52.68,52.69a16,16,0,0,0,22.62,22.62l80-80a16,16,0,0,0,0-22.62l-80-80a16,16,0,0,0-22.62,22.62L425.37,240H336v32Z"/>
-</svg>`, w = `
+</svg>`, m = `
 <svg width="16" height="16" viewBox="0 0 24 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
   <circle cx="5" cy="12" r="2"/>
   <circle cx="12" cy="12" r="2"/>
   <circle cx="19" cy="12" r="2"/>
-</svg>`, m = `
+</svg>`, w = `
 <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" aria-hidden="true" focusable="false">
   <path d="M18 6 6 18"/>
   <path d="m6 6 12 12"/>
@@ -106,7 +106,7 @@ const x = "__UIKIT_REACT_REMOTE_DEPS__", b = "uikit-app-sidebar", h = `
   width: 16px;
   height: 16px;
   font-size: 16px;
-  color: #718096 !important;
+  color: #314E89 !important;
   pointer-events: none;
 }
 
@@ -117,7 +117,7 @@ const x = "__UIKIT_REACT_REMOTE_DEPS__", b = "uikit-app-sidebar", h = `
   height: 16px;
   max-width: 16px;
   max-height: 16px;
-  color: #718096 !important;
+  color: #314E89 !important;
 }
 
 .exit-icon svg {
@@ -269,7 +269,7 @@ const x = "__UIKIT_REACT_REMOTE_DEPS__", b = "uikit-app-sidebar", h = `
     width: 16px;
     height: 16px;
     flex: 0 0 16px;
-    color: currentColor;
+    color: #314E89 !important;
     pointer-events: none;
   }
 
@@ -280,7 +280,7 @@ const x = "__UIKIT_REACT_REMOTE_DEPS__", b = "uikit-app-sidebar", h = `
     height: 16px;
     max-width: 16px;
     max-height: 16px;
-    color: currentColor;
+    color: #314E89 !important;
   }
 
   .mobile-label {
@@ -601,7 +601,7 @@ class y extends HTMLElement {
     const i = r("div", "mobile-slot"), t = r("button", "mobile-control");
     t.type = "button", t.setAttribute("aria-label", "نمایش سایر بخش‌ها"), t.setAttribute("aria-haspopup", "dialog"), t.setAttribute("aria-expanded", this._drawerOpen ? "true" : "false"), t.dataset.active = e ? "true" : "false";
     const o = r("span", "mobile-content"), n = r("span", "mobile-icon");
-    n.innerHTML = w;
+    n.innerHTML = m;
     const a = r("span", "mobile-label");
     return a.textContent = "بیشتر", o.appendChild(n), o.appendChild(a), t.appendChild(o), t.addEventListener("click", () => this.setDrawerOpen(!0)), i.appendChild(t), this._moreButton = t, i;
   }
@@ -615,7 +615,7 @@ class y extends HTMLElement {
     const n = r("div", "drawer-header");
     n.textContent = "سایر بخش‌های سامانه";
     const a = r("button", "drawer-close");
-    a.type = "button", a.setAttribute("aria-label", "بستن"), a.innerHTML = m, a.addEventListener("click", () => this.setDrawerOpen(!1)), n.appendChild(a);
+    a.type = "button", a.setAttribute("aria-label", "بستن"), a.innerHTML = w, a.addEventListener("click", () => this.setDrawerOpen(!1)), n.appendChild(a);
     const s = r("div", "drawer-body"), l = r("div", "drawer-grid");
     return e.forEach((d, p) => {
       l.appendChild(this.createMobileItem(d, p + 4, { drawer: !0 }));
diff --git a/src/remote/ui/AppSidebar/AppSidebar.remote.jsx b/src/remote/ui/AppSidebar/AppSidebar.remote.jsx
index bacde5d..4627a6f 100644
--- a/src/remote/ui/AppSidebar/AppSidebar.remote.jsx
+++ b/src/remote/ui/AppSidebar/AppSidebar.remote.jsx
@@ -121,7 +121,7 @@ const CSS = `
   width: 16px;
   height: 16px;
   font-size: 16px;
-  color: #718096 !important;
+  color: #314E89 !important;
   pointer-events: none;
 }
 
@@ -132,7 +132,7 @@ const CSS = `
   height: 16px;
   max-width: 16px;
   max-height: 16px;
-  color: #718096 !important;
+  color: #314E89 !important;
 }
 
 .exit-icon svg {
@@ -284,7 +284,7 @@ const CSS = `
     width: 16px;
     height: 16px;
     flex: 0 0 16px;
-    color: currentColor;
+    color: #314E89 !important;
     pointer-events: none;
   }
 
@@ -295,7 +295,7 @@ const CSS = `
     height: 16px;
     max-width: 16px;
     max-height: 16px;
-    color: currentColor;
+    color: #314E89 !important;
   }
 
   .mobile-label {