diff --git a/Data/Server/WebUI/src/Navigation_Sidebar.jsx b/Data/Server/WebUI/src/Navigation_Sidebar.jsx
index 5e7776a..d6e331a 100644
--- a/Data/Server/WebUI/src/Navigation_Sidebar.jsx
+++ b/Data/Server/WebUI/src/Navigation_Sidebar.jsx
@@ -53,7 +53,11 @@ function NavigationSidebar({ currentPage, onNavigate }) {
             transition: "width 0.15s ease"
           }}
         />
-        {icon && <Box sx={{ mr: 1, display: "flex", alignItems: "center" }}>{icon}</Box>}
+        {icon && (
+          <Box sx={{ mr: 1, display: "flex", alignItems: "center", color: "#58a6ff" }}>
+            {icon}
+          </Box>
+        )}
         <ListItemText primary={label} primaryTypographyProps={{ fontSize: "0.95rem" }} />
       </ListItemButton>
     );
@@ -142,4 +146,4 @@ function NavigationSidebar({ currentPage, onNavigate }) {
   );
 }
 
-export default React.memo(NavigationSidebar);
\ No newline at end of file
+export default React.memo(NavigationSidebar);