From 8a7cbe6bbcc5d7ef0f0d69d2917b5db28eee2020 Mon Sep 17 00:00:00 2001
From: pradeepkumar <kongupradeep@live.com>
Date: Wed, 15 Apr 2026 06:44:55 +0530
Subject: [PATCH] fix: set specialization cards to stretch height for
 consistent layout alignment

---
 src/components/profile/SpecializationCard.tsx    | 2 +-
 src/components/profile/SpecializationSection.tsx | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/profile/SpecializationCard.tsx b/src/components/profile/SpecializationCard.tsx
index 8d3e8fd..5e90fa7 100644
--- a/src/components/profile/SpecializationCard.tsx
+++ b/src/components/profile/SpecializationCard.tsx
@@ -29,7 +29,7 @@ export function SpecializationCard({
   };
 
   return (
-    <div className={`bg-white rounded-[20px] p-6 text-center flex flex-col border-[0.7px] border-[#E58625] ${isExpanded ? '' : 'min-h-[220px]'}`}>
+    <div className={`bg-white rounded-[20px] p-6 text-center flex flex-col h-full border-[0.7px] border-[#E58625] ${isExpanded ? '' : 'min-h-[220px]'}`}>
       <div className="flex justify-center mb-3">{icon}</div>
       <h4 className="font-bold text-[#00293D] text-[14px] leading-[17px] mb-4 font-fractul">{title}</h4>
       <div className="flex-1">
diff --git a/src/components/profile/SpecializationSection.tsx b/src/components/profile/SpecializationSection.tsx
index 6197636..5317d5a 100644
--- a/src/components/profile/SpecializationSection.tsx
+++ b/src/components/profile/SpecializationSection.tsx
@@ -29,7 +29,7 @@ export function SpecializationSection({ fieldsData }: SpecializationSectionProps
 
       {/* Top row - up to 3 cards */}
       {topRowFields.length > 0 && (
-        <div className={`flex flex-col lg:grid lg:items-start gap-6 mb-6 ${
+        <div className={`flex flex-col lg:grid lg:items-stretch gap-6 mb-6 ${
           topRowFields.length === 1 ? 'lg:grid-cols-1 lg:max-w-md lg:mx-auto' :
           topRowFields.length === 2 ? 'lg:grid-cols-2 lg:max-w-2xl lg:mx-auto' :
           'lg:grid-cols-3'
@@ -54,7 +54,7 @@ export function SpecializationSection({ fieldsData }: SpecializationSectionProps
 
       {/* Bottom row - remaining cards */}
       {bottomRowFields.length > 0 && (
-        <div className={`flex flex-col lg:grid lg:items-start gap-6 ${
+        <div className={`flex flex-col lg:grid lg:items-stretch gap-6 ${
           bottomRowFields.length === 1 ? 'lg:grid-cols-1 lg:max-w-md lg:mx-auto' :
           bottomRowFields.length === 2 ? 'lg:grid-cols-2 lg:max-w-2xl lg:mx-auto' :
           'lg:grid-cols-3'