diff --git a/src/components/layout/layout-item.tsx b/src/components/layout/layout-item.tsx
index 37be8229..a00c5d97 100644
--- a/src/components/layout/layout-item.tsx
+++ b/src/components/layout/layout-item.tsx
@@ -52,7 +52,9 @@ export const LayoutItem = (props: Props) => {
         ]}
         onClick={() => navigate(to)}
       >
-        {menu_icon === "monochrome" && <ListItemIcon>{icon[0]}</ListItemIcon>}
+        {menu_icon === "monochrome" && (
+          <ListItemIcon sx={{ color: "text.primary" }}>{icon[0]}</ListItemIcon>
+        )}
         {menu_icon === "colorful" && <ListItemIcon>{icon[1]}</ListItemIcon>}
         <ListItemText
           sx={{