diff --git a/src/components/Projects/Projects.js b/src/components/Projects/Projects.js
index 29c90909..b365799a 100644
--- a/src/components/Projects/Projects.js
+++ b/src/components/Projects/Projects.js
@@ -10,9 +10,9 @@ const Projects = () => (
     <SectionDivider />
     <SectionTitle main>Projects</SectionTitle>
     <GridContainer>
-      {projects.map((p) => {
+      {projects.map((p, i) => {
         return (
-          <BlogCard>
+          <BlogCard key={i}>
             <div>
               <Image src={p.image} width="500" height="400" />
             </div>
@@ -24,8 +24,8 @@ const Projects = () => (
             <div>
               <TitleContent>Stack</TitleContent>
               <TagList>
-                {p.tags.map((t) => {
-                  return <Tag>{t}</Tag>;
+                {p.tags.map((t, i) => {
+                  return <Tag key={i}>{t}</Tag>;
                 })}
               </TagList>
             </div>
diff --git a/src/components/TimeLine/TimeLine.js b/src/components/TimeLine/TimeLine.js
index 6dbfa7af..b974238e 100644
--- a/src/components/TimeLine/TimeLine.js
+++ b/src/components/TimeLine/TimeLine.js
@@ -52,9 +52,9 @@ const Timeline = () => {
         <>
           {TimeLineData.map((item, index) => (
             <CarouselMobileScrollNode
+              key={index}
               final={index === TOTAL_CAROUSEL_COUNT - 1}>
               <CarouselItem
-                key={index}
                 index={index}
                 id={`carousel__item-${index}`}
                 active={activeItem}