diff --git a/src/workspaces/officerdev/src/apps/Dashboards/DashboardListApp.tsx b/src/workspaces/officerdev/src/apps/Dashboards/DashboardListApp.tsx
index c177dfb0..7d704176 100644
--- a/src/workspaces/officerdev/src/apps/Dashboards/DashboardListApp.tsx
+++ b/src/workspaces/officerdev/src/apps/Dashboards/DashboardListApp.tsx
@@ -136,7 +136,7 @@ export const DashboardListApp = () => {
             className={`flex items-center gap-2.5 py-2 px-3 rounded-lg text-sm font-medium cursor-pointer group ${
               isDashboardsPage && selected === ws.id
                 ? 'bg-duck-teal/10 text-duck-teal'
-                : 'text-white/80 hover:bg-duck-dark/5'
+                : 'text-duck-dark/80 dark:text-white/80 hover:bg-duck-dark/5'
             }`}
             onClick={() => handleClick(ws)}
           >
diff --git a/src/workspaces/officerdev/src/apps/Projects/ProjectListApp.tsx b/src/workspaces/officerdev/src/apps/Projects/ProjectListApp.tsx
index 747d15cf..322d1e45 100644
--- a/src/workspaces/officerdev/src/apps/Projects/ProjectListApp.tsx
+++ b/src/workspaces/officerdev/src/apps/Projects/ProjectListApp.tsx
@@ -164,7 +164,7 @@ export const ProjectListApp = () => {
             className={`flex items-center gap-2.5 py-2 px-3 rounded-lg text-sm font-medium cursor-pointer group ${
               isProjectsPage && selected === p.id
                 ? 'bg-emerald-500/10 text-emerald-400'
-                : 'text-white/80 hover:bg-duck-dark/5'
+                : 'text-duck-dark/80 dark:text-white/80 hover:bg-duck-dark/5'
             }`}
             onClick={() => handleClick(p)}
           >