diff --git a/app/pages/[user].vue b/app/pages/[user].vue
index 4675a6c..fc8e152 100644
--- a/app/pages/[user].vue
+++ b/app/pages/[user].vue
@@ -68,7 +68,7 @@ function visitLink(link: string) {
       />
     </div>
     <section v-else>
-      <section class="flex flex-col md:flex-row items-center justify-center md:w-2/3 mx-auto gap-4 md:gap-8">
+      <section class="flex flex-col mb-8 md:flex-row items-center justify-center md:w-2/3 mx-auto gap-4 md:gap-8">
         <div>
           <AppAvatar size="5xl" :src="userDetails.avatar" />
         </div>
diff --git a/app/pages/index.vue b/app/pages/index.vue
index 5213c03..0fd1b6b 100644
--- a/app/pages/index.vue
+++ b/app/pages/index.vue
@@ -118,7 +118,7 @@ defineShortcuts({
         </h3>
       </div>
     </section>
-    <div class="flex justify-end mb-8 gap-4">
+    <div class="flex justify-end my-8 gap-4">
       <UButton
         v-if="canCreateCategory()"
         icon="i-ph:folder-simple-plus-duotone"