From 2245584734a321ff0c2b6c7dbc9c080b6da3edf8 Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Tue, 23 Jun 2026 12:58:56 +0530
Subject: [PATCH] fix: prevent profile bio/description horizontal overflow

Add min-w-0 to the flex-1 right content column so it can shrink below
its content width (flex items default to min-width:auto), and break-words
on the bio paragraph for long unbroken strings.
---
 src/app/(user)/user/profile/[id]/page.tsx | 2 +-
 src/components/profile/ProfileCard.tsx    | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/app/(user)/user/profile/[id]/page.tsx b/src/app/(user)/user/profile/[id]/page.tsx
index 47d22df..7e1d884 100644
--- a/src/app/(user)/user/profile/[id]/page.tsx
+++ b/src/app/(user)/user/profile/[id]/page.tsx
@@ -533,7 +533,7 @@ export default function AgentProfileView() {
           </div>
 
           {/* Right Content - Profile Info + Experience + All Sections */}
-          <div className="flex-1 space-y-4">
+          <div className="flex-1 min-w-0 space-y-4">
             {/* Profile Card - No edit button for user view */}
             <ProfileCard
               firstName={agentProfile.firstName}
diff --git a/src/components/profile/ProfileCard.tsx b/src/components/profile/ProfileCard.tsx
index 55ccaf6..935b4db 100644
--- a/src/components/profile/ProfileCard.tsx
+++ b/src/components/profile/ProfileCard.tsx
@@ -276,7 +276,7 @@ export function ProfileCard({
       </div>
 
       {/* Bio */}
-      <p className="text-[14px] font-normal text-[#00293D] font-serif leading-[20px] mb-4 text-center lg:text-left">
+      <p className="text-[14px] font-normal text-[#00293D] font-serif leading-[20px] mb-4 text-center lg:text-left break-words">
         {bio}
       </p>