From a2616f2b2da1bd1a1665c68d41b4aaf0d5330422 Mon Sep 17 00:00:00 2001
From: Firman Ramdhani <33869609+firmanramdhani@users.noreply.github.com>
Date: Mon, 27 Jul 2026 16:44:05 +0700
Subject: [PATCH] feat: refine sidebar icon styling

---
 .../src/apps/modules/layouts/components/sidebar.tsx   | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/apps/web/src/apps/modules/layouts/components/sidebar.tsx b/apps/web/src/apps/modules/layouts/components/sidebar.tsx
index 00693b0..3fb7189 100644
--- a/apps/web/src/apps/modules/layouts/components/sidebar.tsx
+++ b/apps/web/src/apps/modules/layouts/components/sidebar.tsx
@@ -136,7 +136,7 @@ const MenuItemFlyout = memo(function MenuItemFlyout({ item, activeKeys, isRoot =
             size="lg"
             aria-label={t(item.label)}
           >
-            <Icon size={20} />
+            <Icon size={20} strokeWidth={1.6} />
           </ActionIcon>
         </Tooltip>
       );
@@ -170,7 +170,7 @@ const MenuItemFlyout = memo(function MenuItemFlyout({ item, activeKeys, isRoot =
       size="lg"
       aria-label={t(item.label)}
     >
-      <Icon size={20} />
+      <Icon size={20} strokeWidth={1.6} />
     </ActionIcon>
   ) : (
     <Menu.Item
@@ -533,10 +533,13 @@ export const SidebarMenu = memo(function SidebarMenu({
                   onClick={handleToggleExpandAll}
                   size={30}
                   radius="md"
-                  fw={400}
                   aria-label={isAllExpanded ? t('common:collapseAll') : t('common:expandAll')}
                 >
-                  {isAllExpanded ? <PanelTopOpen size={16} /> : <PanelTopClose size={16} />}
+                  {isAllExpanded ? (
+                    <PanelTopOpen size={16} strokeWidth={1.5} />
+                  ) : (
+                    <PanelTopClose size={16} strokeWidth={1.5} />
+                  )}
                 </ActionIcon>
               </Tooltip>
             </Box>