diff --git a/apps/admin/app/dashboard/servers/server-form.tsx b/apps/admin/app/dashboard/servers/server-form.tsx
index 6bef201..a3d477c 100644
--- a/apps/admin/app/dashboard/servers/server-form.tsx
+++ b/apps/admin/app/dashboard/servers/server-form.tsx
@@ -509,13 +509,27 @@ export default function ServerForm(props: {
                     <AccordionItem key={type} value={type} className='mb-2 rounded-lg border'>
                       <AccordionTrigger className='px-4 py-3 hover:no-underline'>
                         <div className='flex w-full items-center justify-between'>
-                          <div className='flex flex-col items-start'>
-                            <div className='flex items-center gap-2'>
-                              <span className='font-medium capitalize'>{type}</span>
+                          <div className='flex items-center'>
+                            <div
+                              className={`mr-3 flex size-9 items-center justify-center rounded-md ${
+                                isEnabled
+                                  ? 'bg-green-100 text-green-600 dark:border-green-800 dark:bg-green-950 dark:text-green-400'
+                                  : 'bg-muted text-muted-foreground'
+                              }`}
+                            >
+                              <Icon
+                                icon={isEnabled ? 'mdi:check' : 'mdi:minus'}
+                                className='size-5'
+                              />
+                            </div>
+                            <div className='flex flex-col items-start'>
+                              <div className='flex items-center gap-2'>
+                                <span className='font-medium capitalize'>{type}</span>
+                              </div>
+                              <span className='text-muted-foreground text-xs'>
+                                {isEnabled ? t('enabled') : t('disabled')}
+                              </span>
                             </div>
-                            <span className='text-muted-foreground text-xs'>
-                              {isEnabled ? t('enabled') : t('disabled')}
-                            </span>
                           </div>
                           <div className='mr-2 flex items-center gap-1'>
                             {current.transport && (
diff --git a/apps/admin/components/sidebar-left.tsx b/apps/admin/components/sidebar-left.tsx
index 8db4489..1453ce6 100644
--- a/apps/admin/components/sidebar-left.tsx
+++ b/apps/admin/components/sidebar-left.tsx
@@ -208,7 +208,7 @@ export function SidebarLeft({ ...props }: React.ComponentProps<typeof Sidebar>)
                           <span className='truncate text-sm'>{t(nav.title)}</span>
                         </span>
                         <Icon
-                          icon='lucide:chevron-down'
+                          icon='mdi:chevron-down'
                           className={`ml-2 size-4 transition-transform ${isOpen ? '' : '-rotate-90'}`}
                         />
                       </SidebarMenuButton>
diff --git a/apps/user/components/user-nav.tsx b/apps/user/components/user-nav.tsx
index b2f7cd0..68e2233 100644
--- a/apps/user/components/user-nav.tsx
+++ b/apps/user/components/user-nav.tsx
@@ -39,7 +39,7 @@ export function UserNav() {
             <span className='max-w-[40px] truncate text-sm sm:max-w-[100px]'>
               {user?.auth_methods?.[0]?.auth_identifier.split('@')[0]}
             </span>
-            <Icon icon='lucide:chevron-down' className='text-muted-foreground size-4' />
+            <Icon icon='mdi:chevron-down' className='text-muted-foreground size-4' />
           </div>
         </DropdownMenuTrigger>
         <DropdownMenuContent forceMount align='end' className='w-64'>