From d169dc078eaf796ce08676549f7fff6de71bb1d8 Mon Sep 17 00:00:00 2001
From: Mahesh Sanikommu <mahesh.svmr@gmail.com>
Date: Fri, 26 Jun 2026 16:48:35 -0700
Subject: [PATCH] Fix brain home overflow (#1166)

---
 apps/web/components/brain-home/brain-home-view.tsx   | 7 +++++--
 apps/web/components/brain-home/connections-board.tsx | 2 +-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/apps/web/components/brain-home/brain-home-view.tsx b/apps/web/components/brain-home/brain-home-view.tsx
index c5120fcc..bab6b4c8 100644
--- a/apps/web/components/brain-home/brain-home-view.tsx
+++ b/apps/web/components/brain-home/brain-home-view.tsx
@@ -128,7 +128,7 @@ export function BrainHomeView() {
 				setupDone={stepsDone}
 			/>
 			<ConnectionsBoard />
-			<div className="grid gap-6 lg:grid-cols-[1fr_340px]">
+			<div className="grid gap-6 lg:grid-cols-[minmax(0,1fr)_340px]">
 				<RecentMemories docs={o.recentDocs} loading={o.loading} />
 				<GettingStarted
 					hasSource={o.hasSource}
@@ -186,7 +186,10 @@ function RecentMemories({
 	loading: boolean
 }) {
 	return (
-		<section className="rounded-[18px] bg-[#1B1F24] p-5" style={cardStyle}>
+		<section
+			className="min-w-0 rounded-[18px] bg-[#1B1F24] p-5"
+			style={cardStyle}
+		>
 			<p
 				className={cn(
 					"mb-3 text-[15px] font-semibold text-[#fafafa]",
diff --git a/apps/web/components/brain-home/connections-board.tsx b/apps/web/components/brain-home/connections-board.tsx
index 963fe17d..6886d449 100644
--- a/apps/web/components/brain-home/connections-board.tsx
+++ b/apps/web/components/brain-home/connections-board.tsx
@@ -246,7 +246,7 @@ function Group({
 }) {
 	return (
 		<section
-			className="relative flex flex-col gap-2.5 overflow-hidden rounded-[18px] bg-[#1B1F24] p-5"
+			className="relative flex min-w-0 flex-col gap-2.5 overflow-hidden rounded-[18px] bg-[#1B1F24] p-5"
 			style={cardStyle}
 		>
 			{accent && (