diff --git a/src/views/Home.vue b/src/views/Home.vue
index 70ca05c..7d21434 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -118,7 +118,7 @@ const savePost = async (title, text) => {
     <div class="w-full flex flex-col" v-else v-for="post in posts">
       <router-link
         :to="`/post/${post._id}`"
-        class="flex flex-col items-center w-full h-fit border-b hover:bg-zinc-700 py-10"
+        class="flex flex-col items-center w-full h-fit border-b hover:bg-zinc-700 py-10 px-10"
       >
         <h1 class="text-2xl mb-4">
           &#x300E;&nbsp;&nbsp;&nbsp;{{ post.title }}&nbsp;&nbsp;&nbsp;&#x300F;
diff --git a/src/views/Post.vue b/src/views/Post.vue
index 69fadf5..d4d6409 100644
--- a/src/views/Post.vue
+++ b/src/views/Post.vue
@@ -155,7 +155,7 @@ const deletePost = async () => {
       </p>
     </div>
     <div class="w-full flex flex-col items-center h-fit" v-else>
-      <div class="w-full flex flex-col items-center py-10">
+      <div class="w-full flex flex-col items-center py-10 px-10">
         <p class="mb-4">{{ post.text }}</p>
         <p>
           {{ post.author }} &#128394;&#65039; {{ post.date.substring(0, 10) }}