From c564d0ae0a1eff0d550e1c54d74f0386c7f0fb4d Mon Sep 17 00:00:00 2001
From: The-Coding-Kiddo <duffali16@gmail.com>
Date: Sun, 29 Jun 2025 18:10:07 +0300
Subject: [PATCH] fixed text are white when a menu item is selected

---
 issue.txt                         | 1 +
 src/components/Layout/Sidebar.tsx | 6 ++++++
 2 files changed, 7 insertions(+)

diff --git a/issue.txt b/issue.txt
index e819bca..3f3a943 100644
--- a/issue.txt
+++ b/issue.txt
@@ -5,3 +5,4 @@ Code Comments: Some complex logic could benefit from more inline comments for ma
 Modularity: Some files (e.g., pages) are quite large and could be split into smaller, focused components.
 Environment Variables: API URLs are hardcoded in some places; best practice is to use environment variables for all endpoints.
 Accessibility: No explicit mention of accessibility (a11y) practices (e.g., ARIA labels, keyboard navigation).
+
diff --git a/src/components/Layout/Sidebar.tsx b/src/components/Layout/Sidebar.tsx
index c777819..a874732 100644
--- a/src/components/Layout/Sidebar.tsx
+++ b/src/components/Layout/Sidebar.tsx
@@ -60,6 +60,9 @@ const StyledListItemButton = styled(ListItemButton)(({ theme }) => ({
     '& .MuiListItemIcon-root svg': {
       stroke: '#ffffff',
     },
+    '& .MuiListItemText-primary': {
+      color: '#ffffff',
+    },
   },
   '&:hover': {
     backgroundColor: '#f8f8f8',
@@ -67,6 +70,9 @@ const StyledListItemButton = styled(ListItemButton)(({ theme }) => ({
     '& .MuiListItemIcon-root svg': {
       stroke: '#028a4a',
     },
+    '& .MuiListItemText-primary': {
+      color: '#028a4a',
+    },
   },
 }));
 const MenuListContainer = styled(Box)(({ theme }) => ({