From 1fb4608ec1574df8380d3dd839074f9e1d47234c Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Tue, 17 Mar 2026 11:56:09 +0530
Subject: [PATCH] proffiel card update

---
 src/components/profile/ProfileCard.tsx | 8 +++++++-
 src/components/profile/Tag.tsx         | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/profile/ProfileCard.tsx b/src/components/profile/ProfileCard.tsx
index ab07b49..c2d9fbd 100644
--- a/src/components/profile/ProfileCard.tsx
+++ b/src/components/profile/ProfileCard.tsx
@@ -271,8 +271,14 @@ export function ProfileCard({
         <p className="text-[14px] font-bold text-[#00293D] font-fractul leading-[17px] mb-2 text-center lg:text-left">
           Expertise:
         </p>
+        {/* Separate long text entries from short tag entries */}
+        {expertise.filter(tag => tag.length > 60).length > 0 && (
+          <p className="text-[14px] font-normal text-[#00293D] font-serif leading-[20px] mb-2 text-center lg:text-left break-words">
+            {expertise.filter(tag => tag.length > 60).join(' ')}
+          </p>
+        )}
         <div className="flex flex-wrap gap-2 justify-center lg:justify-start">
-          {expertise.map((tag, idx) => (
+          {expertise.filter(tag => tag.length <= 60).map((tag, idx) => (
             <Tag key={idx}>{tag}</Tag>
           ))}
         </div>
diff --git a/src/components/profile/Tag.tsx b/src/components/profile/Tag.tsx
index 839cdd8..0cce37c 100644
--- a/src/components/profile/Tag.tsx
+++ b/src/components/profile/Tag.tsx
@@ -8,7 +8,7 @@ interface TagProps {
 export function Tag({ children, variant = 'default' }: TagProps) {
   return (
     <span
-      className={`inline-flex items-center justify-center px-3 h-[28px] rounded-[15px] text-[14px] font-medium font-serif ${
+      className={`inline-flex items-center justify-center px-3 h-[28px] max-w-full rounded-[15px] text-[14px] font-medium font-serif truncate ${
         variant === 'light'
           ? 'border-[0.7px] border-[#00293d] text-[#00293d] bg-transparent'
           : variant === 'orange'