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>