diff --git a/docusaurus.config.ts b/docusaurus.config.ts
index 70cd185d..76419811 100644
--- a/docusaurus.config.ts
+++ b/docusaurus.config.ts
@@ -243,7 +243,6 @@ const config: Config = {
 
   markdown: {
     mermaid: true,
-  
   },
   
   // Migrated legacy setting to markdown.hooks.onBrokenMarkdownLinks
diff --git a/src/components/discussions/discussions.css b/src/components/discussions/discussions.css
index 3da696e9..14ae40a4 100644
--- a/src/components/discussions/discussions.css
+++ b/src/components/discussions/discussions.css
@@ -418,7 +418,7 @@
 
 .discussion-category-badge {
   background: linear-gradient(135deg, var(--ifm-color-primary-lightest), var(--ifm-color-primary-lighter));
-  color: var(--ifm-color-primary-dark);
+  color: #ffffff;
   border: 1px solid var(--ifm-color-primary-light);
 }
 
@@ -798,7 +798,7 @@
 .dashboard-main .category-filter.active {
   background: var(--ifm-color-primary);
   border-color: var(--ifm-color-primary);
-  color: white;
+  color: #ffffff;
 }
 
 .dashboard-main .discussions-count {
diff --git a/src/pages/dashboard/dashboard.css b/src/pages/dashboard/dashboard.css
index 6a2480e5..652f13dc 100644
--- a/src/pages/dashboard/dashboard.css
+++ b/src/pages/dashboard/dashboard.css
@@ -199,7 +199,7 @@
 
 .navbar-icon-item.active {
   background: var(--ifm-color-primary-lightest);
-  color: var(--ifm-color-primary);
+  color: white;
   font-weight: 600;
 }
 
@@ -527,7 +527,7 @@
 
 .category-sidebar li.active {
   background: var(--ifm-color-primary-lightest);
-  color: var(--ifm-color-primary);
+  color: #ffffff;
   font-weight: 600;
 }
 
diff --git a/src/pages/dashboard/index.tsx b/src/pages/dashboard/index.tsx
index 77364849..6e03ac20 100644
--- a/src/pages/dashboard/index.tsx
+++ b/src/pages/dashboard/index.tsx
@@ -616,8 +616,8 @@ const DashboardContent: React.FC = () => {
                   )}
                 {!discussionsLoading &&
                   !discussionsError &&
-                  filteredDiscussions.map((discussion) => (
-                    <DiscussionCard key={discussion.id} discussion={discussion} />
+                  filteredDiscussions.map((discussion, i) => (
+                    <DiscussionCard index={i} key={discussion.id} discussion={discussion} />
                   ))}
               </div>
             </div>