diff --git a/lib/chiya_web/components/admin_components.ex b/lib/chiya_web/components/admin_components.ex
index 0898d6d..c824db1 100644
--- a/lib/chiya_web/components/admin_components.ex
+++ b/lib/chiya_web/components/admin_components.ex
@@ -107,7 +107,7 @@ defmodule ChiyaWeb.AdminComponents do
             href={~p"/admin"}
             class="text-xs leading-6 text-gray-900 dark:text-gray-100 font-semibold dark:hover:text-gray-300 hover:text-gray-700"
           >
-            Admin
+            <.icon name="hero-star-mini" class="w-4 h-4" /> Admin
           </.link>
         </li>
         <li>
diff --git a/lib/chiya_web/components/layouts/app.html.heex b/lib/chiya_web/components/layouts/app.html.heex
index a359e41..7c67fd8 100644
--- a/lib/chiya_web/components/layouts/app.html.heex
+++ b/lib/chiya_web/components/layouts/app.html.heex
@@ -5,25 +5,25 @@
         href={~p"/admin/notes"}
         class="text-xs font-semibold leading-6 text-gray-900 hover:text-gray-700 dark:text-gray-200"
       >
-        Notes
+        <.icon name="hero-document-text" class="w-4 h-4" /> Notes
       </.link>
       <.link
         href={~p"/admin/channels"}
         class="text-xs font-semibold leading-6 text-gray-900 hover:text-gray-700 dark:text-gray-200"
       >
-        Channels
+        <.icon name="hero-speaker-wave" class="w-4 h-4" /> Channels
       </.link>
       <.link
         href={~p"/admin/identities"}
         class="text-xs font-semibold leading-6 text-gray-900 hover:text-gray-700 dark:text-gray-200"
       >
-        Identities
+        <.icon name="hero-user" class="w-4 h-4" /> Identities
       </.link>
       <.link
         href={~p"/admin/settings"}
         class="text-xs font-semibold leading-6 text-gray-900 hover:text-gray-700 dark:text-gray-200"
       >
-        Settings
+        <.icon name="hero-wrench-screwdriver" class="w-4 h-4" /> Settings
       </.link>
     </div>
   </div>