diff --git a/app/routes/app._index/components/latest-post-time-line.tsx b/app/routes/app._index/components/latest-post-time-line.tsx
index ef120fb..b40ca16 100644
--- a/app/routes/app._index/components/latest-post-time-line.tsx
+++ b/app/routes/app._index/components/latest-post-time-line.tsx
@@ -13,11 +13,9 @@ export default function LatestPostTimeLine({
 }) {
     return (
         <div>
-            {postContents.map((postContent, index) => {
+            {postContents.map((postContent) => {
                 return (
-                    <div key={index}>
-                        <PostDisplay postContent={postContent} />
-                    </div>
+                    <PostDisplay key={postContent.id} postContent={postContent} />
                 );
             })}
         </div>
diff --git a/app/routes/components/post-display.tsx b/app/routes/components/post-display.tsx
index 49a897d..87b67fe 100644
--- a/app/routes/components/post-display.tsx
+++ b/app/routes/components/post-display.tsx
@@ -38,12 +38,10 @@ export default function PostDisplay({
                     const reactionName = reactionNames[index];
 
                     return (
-                        <div key={index}>
-                            <fetcher.Form method="post" action="app/like">
-                                <input type="hidden" name="reaction" value={reactionType} />
-                                <button type="submit">{reactionName}</button>
-                            </fetcher.Form>
-                        </div>
+                        <fetcher.Form key={index} method="post" action="app/like">
+                            <input type="hidden" name="reaction" value={reactionType} />
+                            <button type="submit">{reactionName}</button>
+                        </fetcher.Form>
                     );
                 })}
             </div>