diff --git a/frontend/src/components/home/Team.tsx b/frontend/src/components/home/Team.tsx
index 7ec2fe0..d2b1984 100644
--- a/frontend/src/components/home/Team.tsx
+++ b/frontend/src/components/home/Team.tsx
@@ -18,9 +18,9 @@ export function Team() {
           align="center"
         />
 
-        <div className="mt-16 grid gap-8 sm:grid-cols-2 lg:grid-cols-4">
+        <div className="mx-auto mt-16 flex max-w-5xl flex-wrap justify-center gap-8">
           {team.map((member, i) => (
-            <Reveal key={member.id} delay={0.06 * i} className="h-full">
+            <Reveal key={member.id} delay={0.06 * i} className="h-full w-full sm:w-[calc(50%-1rem)] lg:w-[19rem]">
               <EditableItem resource="team" item={member} className="h-full">
                 {/* اضافه شدن rounded-2xl برای گرد شدن گوشه‌ها */}
                 <article className="group flex h-full flex-col items-center rounded-2xl border border-ivory/10 bg-char p-10 text-center transition-[transform,box-shadow,border-color] duration-500 ease-out hover:-translate-y-3 hover:border-copper/50 hover:shadow-lift">