From ccde9d23f0b13f2a0fc1245e68ab41e3849d2c74 Mon Sep 17 00:00:00 2001
From: Anish Sarkar <104695310+AnishSarkar22@users.noreply.github.com>
Date: Tue, 10 Mar 2026 14:03:47 +0530
Subject: [PATCH] fix: adjust width of DocumentsSidebar for better layout
 consistency; change from 480px to 380px in both docked and mobile views

---
 .../components/layout/ui/sidebar/DocumentsSidebar.tsx         | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx b/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx
index e1ccc867b..25e333b24 100644
--- a/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/DocumentsSidebar.tsx
@@ -236,7 +236,7 @@ export function DocumentsSidebar({ open, onOpenChange, isDocked = false, onDocke
 	if (isDocked && open && !isMobile) {
 		return (
 			<aside
-				className="h-full w-[480px] shrink-0 bg-sidebar text-sidebar-foreground flex flex-col border-r"
+				className="h-full w-[380px] shrink-0 bg-sidebar text-sidebar-foreground flex flex-col border-r"
 				aria-label={t("title") || "Documents"}
 			>
 				{documentsContent}
@@ -249,7 +249,7 @@ export function DocumentsSidebar({ open, onOpenChange, isDocked = false, onDocke
 			open={open}
 			onOpenChange={onOpenChange}
 			ariaLabel={t("title") || "Documents"}
-			width={isMobile ? undefined : 480}
+			width={isMobile ? undefined : 380}
 		>
 			{documentsContent}
 		</SidebarSlideOutPanel>