From fbea5f64c50e3092d8d6e9a3baf1c53c4e1168bf Mon Sep 17 00:00:00 2001
From: MaheshtheDev <38828053+MaheshtheDev@users.noreply.github.com>
Date: Fri, 26 Jun 2026 22:43:47 +0000
Subject: [PATCH] Fix brain home overflow

---
 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..5c55e6a7 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-4 lg:grid-cols-2">
 				<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 && (