From a28962a4294ca8aa9b0e0a0091a7db83c5464277 Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Mon, 19 Jan 2026 22:16:10 +0530
Subject: [PATCH] fix: the ui overlap

---
 surfsense_web/components/assistant-ui/thread.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/surfsense_web/components/assistant-ui/thread.tsx b/surfsense_web/components/assistant-ui/thread.tsx
index 9229e25be..18f45f810 100644
--- a/surfsense_web/components/assistant-ui/thread.tsx
+++ b/surfsense_web/components/assistant-ui/thread.tsx
@@ -96,7 +96,7 @@ export const Thread: FC<ThreadProps> = ({ messageThinkingSteps = new Map(), head
 						}}
 					/>
 
-					<ThreadPrimitive.ViewportFooter className="aui-thread-viewport-footer sticky bottom-0 mx-auto mt-auto flex w-full max-w-(--thread-max-width) flex-col gap-4 overflow-visible rounded-t-3xl bg-background pb-4 md:pb-6">
+					<ThreadPrimitive.ViewportFooter className="aui-thread-viewport-footer sticky bottom-0 z-20 mx-auto mt-auto flex w-full max-w-(--thread-max-width) flex-col gap-4 overflow-visible rounded-t-3xl bg-background pb-4 md:pb-6">
 						<ThreadScrollToBottom />
 						<AssistantIf condition={({ thread }) => !thread.isEmpty}>
 							<div className="fade-in slide-in-from-bottom-4 animate-in duration-500 ease-out fill-mode-both">