diff --git a/surfsense_web/components/layout/ui/sidebar/Sidebar.tsx b/surfsense_web/components/layout/ui/sidebar/Sidebar.tsx
index 6db23a5c5..4a587cd58 100644
--- a/surfsense_web/components/layout/ui/sidebar/Sidebar.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/Sidebar.tsx
@@ -171,7 +171,9 @@ export function Sidebar({
 					>
 						{sharedChats.length > 0 ? (
 							<div className="relative flex-1 min-h-0">
-								<div className={`flex flex-col gap-0.5 h-full overflow-y-auto scrollbar-thin scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent ${sharedChats.length > 4 ? 'pb-8' : ''}`}>
+								<div
+									className={`flex flex-col gap-0.5 h-full overflow-y-auto scrollbar-thin scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent ${sharedChats.length > 4 ? "pb-8" : ""}`}
+								>
 									{sharedChats.slice(0, 20).map((chat) => (
 										<ChatListItem
 											key={chat.id}
@@ -221,7 +223,9 @@ export function Sidebar({
 					>
 						{chats.length > 0 ? (
 							<div className="relative flex-1 min-h-0">
-								<div className={`flex flex-col gap-0.5 h-full overflow-y-auto scrollbar-thin scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent ${chats.length > 4 ? 'pb-8' : ''}`}>
+								<div
+									className={`flex flex-col gap-0.5 h-full overflow-y-auto scrollbar-thin scrollbar-thumb-muted-foreground/20 scrollbar-track-transparent ${chats.length > 4 ? "pb-8" : ""}`}
+								>
 									{chats.slice(0, 20).map((chat) => (
 										<ChatListItem
 											key={chat.id}
diff --git a/surfsense_web/components/layout/ui/sidebar/SidebarSection.tsx b/surfsense_web/components/layout/ui/sidebar/SidebarSection.tsx
index e296ed3d4..bebb357ef 100644
--- a/surfsense_web/components/layout/ui/sidebar/SidebarSection.tsx
+++ b/surfsense_web/components/layout/ui/sidebar/SidebarSection.tsx
@@ -27,14 +27,10 @@ export function SidebarSection({
 	const [isOpen, setIsOpen] = useState(defaultOpen);
 
 	return (
-		<Collapsible 
-			open={isOpen} 
-			onOpenChange={setIsOpen} 
-			className={cn(
-				"overflow-hidden",
-				fillHeight && "flex flex-col flex-1 min-h-0",
-				className
-			)}
+		<Collapsible
+			open={isOpen}
+			onOpenChange={setIsOpen}
+			className={cn("overflow-hidden", fillHeight && "flex flex-col flex-1 min-h-0", className)}
 		>
 			<div className="flex items-center group/section shrink-0">
 				<CollapsibleTrigger className="flex flex-1 items-center gap-1.5 px-2 py-1.5 text-xs font-medium text-muted-foreground hover:text-foreground transition-colors min-w-0">
@@ -60,14 +56,12 @@ export function SidebarSection({
 				)}
 			</div>
 
-			<CollapsibleContent className={cn(
-				"overflow-hidden",
-				fillHeight && "flex-1 flex flex-col min-h-0"
-			)}>
-				<div className={cn(
-					"px-2 pb-2",
-					fillHeight && "flex-1 flex flex-col min-h-0 overflow-hidden"
-				)}>
+			<CollapsibleContent
+				className={cn("overflow-hidden", fillHeight && "flex-1 flex flex-col min-h-0")}
+			>
+				<div
+					className={cn("px-2 pb-2", fillHeight && "flex-1 flex flex-col min-h-0 overflow-hidden")}
+				>
 					{children}
 				</div>
 			</CollapsibleContent>