diff --git a/src/components/TeamCard.js b/src/components/TeamCard.js
index 9c0c89e..91adc43 100644
--- a/src/components/TeamCard.js
+++ b/src/components/TeamCard.js
@@ -17,7 +17,7 @@ const TeamCard = ({ name, avatar, github }) => (
                 <LazyLoadImage alt={name} src={avatar} />
             </div>
             <div className="flex flex-col flex-none items-start">
-                <div className="-mt-8 text-2xl font-inter text-stone-600 dark:text-zinc-300 text-left">{name}</div>
+                <div className="-mt-8 text-2xl font-inter text-stone-600 dark:text-zinc-300 text-left overflow-hidden lg:text-xl">{name}</div>
                 <div className="mt-2 ml-1 flex flex-row flex-none">
                     <CustomLink href={github}>
                         <div className="text-2xl text-stone-700 dark:text-zinc-300"><FaGithub/></div>
diff --git a/src/sections/Team.js b/src/sections/Team.js
index b3aa5ac..6588c69 100644
--- a/src/sections/Team.js
+++ b/src/sections/Team.js
@@ -12,7 +12,7 @@ const TeamCategory = ({name, members}) => {
     return (
         <div className="m-5">
             <p className="text-black text-lg dark:text-white">{name}</p>
-            <div className="grid gap-6 pt-4 text-center md:grid-cols-4">
+            <div className="grid gap-6 pt-4 text-center lg:grid-cols-4">
                 {members.map((member, key) => (
                     <TeamCard {...{ ...member, key }} />
                 ))}
@@ -31,7 +31,7 @@ const Team = () => {
                         <p className="pb-2 mb-6 font-semibold text-blue-500 md:mb-12 md:pb-0">The Skyline Team is composed of passionate individuals from all around the world 🌐</p>
                     </div>
                     {Object.entries(config.team).map(([name, members]) => (
-                        <TeamCategory name={name} members={members} />
+                        <TeamCategory name={name} members={members} key={name} />
                     ))}
                 </div>
             </div>