diff --git a/islands/Feed.tsx b/islands/Feed.tsx
index 688f9f8..1115c6d 100644
--- a/islands/Feed.tsx
+++ b/islands/Feed.tsx
@@ -37,7 +37,7 @@ export default function Feed() {
     <div className="flex flex-col items-center justify-center h-full">
       <div className="pb-4">
         {sortedFriendsPosts.map((post, id) => (
-          <div key={`${post.momentId}-${id}`} class="m-4">
+          <div key={`${post.momentId}-${id}`} class="mx-4">
             <Post
               user={post.user}
               region={post.region}
diff --git a/islands/Post.tsx b/islands/Post.tsx
index 774494c..8ba2128 100644
--- a/islands/Post.tsx
+++ b/islands/Post.tsx
@@ -42,7 +42,7 @@ export default function Post(
         <div
           id={post.id}
           key={post.id}
-          className="mx-auto max-w-sm p-4 dark:bg-gray-800 border-2 border-gray-800 dark:border-white rounded-md"
+          className="mx-auto max-w-sm my-4 p-4 dark:bg-gray-800 border-2 border-gray-800 dark:border-white rounded-md"
         >
           <div className="flex items-center">
             <a href={`/user/${user.id}`}>