diff --git a/components/dashboard/src/components/PageWithSubMenu.tsx b/components/dashboard/src/components/PageWithSubMenu.tsx
index 07d677eadd8712..1ebf129b4322b9 100644
--- a/components/dashboard/src/components/PageWithSubMenu.tsx
+++ b/components/dashboard/src/components/PageWithSubMenu.tsx
@@ -29,7 +29,7 @@ export function PageWithSubMenu(p: PageWithSubMenuProps) {
                         {p.subMenu.map((e) => {
                             let classes = "flex block py-2 px-4 rounded-md";
                             if (e.link.some((l) => l === location.pathname)) {
-                                classes += " bg-gray-800 text-gray-50";
+                                classes += " bg-gray-300 text-gray-800 dark:bg-gray-800 text-gray-50";
                             } else {
                                 classes += " hover:bg-gray-100 dark:hover:bg-gray-800";
                             }