From 6eedce839a757963d47e98b4530f3a63ac3968ca Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Tue, 27 Jan 2026 21:13:16 +0530
Subject: [PATCH] feat(markdown): wrap table component in a responsive
 container for improved layout and mobile responsive

---
 .../components/assistant-ui/markdown-text.tsx    | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/surfsense_web/components/assistant-ui/markdown-text.tsx b/surfsense_web/components/assistant-ui/markdown-text.tsx
index 5700fbc2e..dd4ce6b75 100644
--- a/surfsense_web/components/assistant-ui/markdown-text.tsx
+++ b/surfsense_web/components/assistant-ui/markdown-text.tsx
@@ -252,13 +252,15 @@ const defaultComponents = memoizeMarkdownComponents({
 		<hr className={cn("aui-md-hr my-5 border-b", className)} {...props} />
 	),
 	table: ({ className, ...props }) => (
-		<table
-			className={cn(
-				"aui-md-table my-5 w-full border-separate border-spacing-0 overflow-y-auto",
-				className
-			)}
-			{...props}
-		/>
+		<div className="aui-md-table-wrapper my-5 w-full overflow-x-auto">
+			<table
+				className={cn(
+					"aui-md-table w-full min-w-max border-separate border-spacing-0",
+					className
+				)}
+				{...props}
+			/>
+		</div>
 	),
 	th: ({ className, children, ...props }) => (
 		<th