From a05fe3ca072af930b2a33edf0cae29721ec49719 Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Thu, 15 Jan 2026 18:39:37 +0530
Subject: [PATCH] refactor: update document mention picker styling for improved
 visibility.

---
 .../components/new-chat/document-mention-picker.tsx         | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/surfsense_web/components/new-chat/document-mention-picker.tsx b/surfsense_web/components/new-chat/document-mention-picker.tsx
index ba9e4ea95..f7f948d41 100644
--- a/surfsense_web/components/new-chat/document-mention-picker.tsx
+++ b/surfsense_web/components/new-chat/document-mention-picker.tsx
@@ -329,7 +329,7 @@ export const DocumentMentionPicker = forwardRef<
 					</div>
 				) : actualDocuments.length === 0 ? (
 					<div className="flex flex-col items-center justify-center py-4 text-center px-4">
-						<FileText className="h-5 w-5 text-muted-foreground/50 mb-1" />
+						<FileText className="h-5 w-5 text-muted-foreground/55 mb-1" />
 						<p className="text-sm text-muted-foreground">No documents found</p>
 					</div>
 				) : (
@@ -337,7 +337,7 @@ export const DocumentMentionPicker = forwardRef<
 						{/* SurfSense Documentation Section */}
 						{surfsenseDocsList.length > 0 && (
 							<>
-								<div className="sticky top-0 z-10 px-3 py-2 text-xs font-bold uppercase tracking-wider bg-muted text-foreground/80 border-b border-border">
+								<div className="px-3 py-2 text-xs font-bold text-muted-foreground/55">
 									SurfSense Docs
 								</div>
 								{surfsenseDocsList.map((doc) => {
@@ -385,7 +385,7 @@ export const DocumentMentionPicker = forwardRef<
 						{/* User Documents Section */}
 						{userDocsList.length > 0 && (
 							<>
-								<div className="sticky top-0 z-10 px-3 py-2 text-xs font-bold uppercase tracking-wider bg-muted text-foreground/80 border-b border-border">
+								<div className="px-3 py-2 text-xs font-bold text-muted-foreground/55">
 									Your Documents
 								</div>
 								{userDocsList.map((doc) => {